CoStudy - Client-Side

live link :

https://costudy.netlify.app/

https://online-group-study-71.web.app/

Overview

CoStudy is a web application that facilitates collaborative learning by allowing users to create, update, and view assignments. The platform supports user authentication through email-password and Google login. The project utilizes React.js for the client-side, Express.js for the backend, and MongoDB as the database. The application is deployed on Firebase and Vercel, providing a seamless and responsive user experience.

Features

1. Assignment Management

• Create Assignment:

  • Users can create new assignments by providing details such as title, description, and due date.
  • Assignments are stored in the MongoDB database for future reference.

• Update Assignment:

  • Users have the ability to update existing assignments, modifying details like title, description, and due date.

• View All Assignments:

  • A dedicated section allows users to view a list of all assignments created on the platform.
  • Assignments are displayed in a user-friendly format for easy navigation.

• Mark Other Assignments:

  • Users can mark or provide feedback on assignments created by their peers.
  • This collaborative feature encourages engagement and interaction within the learning community.

2. User Authentication

• Email-Password Authentication:

  • Users can sign up and log in using their email and password, ensuring secure access to the platform.

• Google Authentication:

  • For added convenience, users can also authenticate using their Google accounts.
  • Google login streamlines the onboarding process and provides users with multiple authentication options.

3. Responsive Design

• Seamless User Experience:
  • The client-side application is built with a responsive design, ensuring an optimal user experience across various devices and screen sizes.
  • Users can access and interact with the platform seamlessly from desktops, tablets, and mobile devices.

4. MongoDB Integration

• Database Storage:
  • MongoDB is used as the backend database for storing user information, assignments, and other relevant data.
  • Data retrieval and storage are efficiently managed, providing a reliable and scalable solution.

5. Deployment

Frontend Deployment with Firebase

• The client-side application is deployed on Firebase, a platform that simplifies the deployment process.

Backend Deployment with Vercel

• The server-side application is deployed on Vercel, a platform that simplifies the deployment process.
• Vercel ensures quick and reliable deployment, enabling continuous updates and improvements.