Skip to content

MohamedEmary/socialmedia-app

Repository files navigation

Social Media App

This is a Next.js Social Media Application built with React, Redux, ShadCN and Tailwind CSS. The project features user authentication, post and comment creation, editing, and deletion, user profile image upload, and dark and light mode themes.

Features

  • User authentication and authorization
  • Post creation, editing, and deletion
  • Comment creation, editing, and deletion
  • User profile image upload
  • Responsive design with mobile-friendly layout
  • Dark mode toggle

Technical Details

  • Front-end built using Next.js, React, ShadCN, and Tailwind CSS
  • State management using Redux Store and Toolkit
  • Form handling and validation using Formik and Yup
  • Icons and UI components from ShadCN & Lucid UI

Folder Structure

The project is organized in a modular structure, with separate folders for:

  • src: contains the application code
  • app: contains the main application components
  • assets: contains static assets such as images and logos
  • components: contains reusable UI components
  • hooks: contains custom hooks for toast notifications
  • lib: contains Redux code and some other utilities

Local Development

To run the project locally:

  1. Clone the repository using git clone
  2. Install dependencies using npm install
  3. Start the development server using npm run dev
  4. Open the application in your browser at http://localhost:3000