Cohort Dashboard

⚠️ Important: Fork Before You Clone

Attention: This updated approach encourages proper GitHub workflow and ensures that users work within their own repository fork, making it easier to manage contributions and changes.

Overview

Cohort Dashboard is a React application designed to provide a smooth and intuitive interface for users to manage posts, comments, and profiles. The app supports light and dark modes, enhancing user experience, and integrates with a REST API for efficient backend data management.

Features

• Light and Dark Mode: Users can toggle between light and dark themes for a personalized experience.
• Post Management: Users can add, edit, and delete posts.
• Comment Management: Users can add, edit, and delete comments on posts.
• Profile Management: Users can add and edit their profile information.
• Avatar: An avatar is generated using the initials of the user's name.

Technologies Used

• Frontend:

  • HTML
  • Plain CSS
  • JavaScript
  • React

• React Libraries:

  • react-router-dom - For routing within the application.
  • clsx - For managing conditional class names easily.

Installation

Prerequisites

• Node.js and npm installed on your machine.

Steps

1. Fork the repository:

   • Click the "Fork" button at the top right corner of the repository page to create your own copy of the repository.

2. Clone the repository:

   • Clone the forked repository to your local machine:

   git clone <your-forked-repository-url>
   

3. Navigate to the project directory

4. Install dependencies::

   npm install
   

5. Start the development server::

   npm run dev
   

You can check out the live demo here.