https://github.com/thenewtoncode/75cracker

75CRACKER is a web application designed to help me and my friends track progress on the Blind 75 coding challenge sheet. It allows users to log their progress, view others' progress, and communicate through a common chat area.
https://github.com/thenewtoncode/75cracker

client-server expressjs hobby-project mern mongodb nodejs react reactjs spa tracker website

Last synced: 3 months ago
JSON representation

75CRACKER is a web application designed to help me and my friends track progress on the Blind 75 coding challenge sheet. It allows users to log their progress, view others' progress, and communicate through a common chat area.

• Host: GitHub
• URL: https://github.com/thenewtoncode/75cracker
• Owner: theNewtonCode
• Created: 2024-08-25T08:18:51.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-29T04:35:14.000Z (4 months ago)
• Last Synced: 2024-10-11T04:01:59.668Z (3 months ago)
• Topics: client-server, expressjs, hobby-project, mern, mongodb, nodejs, react, reactjs, spa, tracker, website
• Language: JavaScript
• Homepage: https://75-cracker-frontend.vercel.app/
• Size: 669 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 75CRACKER

75CRACKER is a web application designed to help me and my friends track progress on the Blind 75 coding challenge sheet. It allows users to log their progress, view others' progress, and communicate through a common chat area.

## Features

- User selection

- Progress tracking for each question in the Blind 75 sheet

- Daily goal of 2 questions per day

- Visual representation of each user's progress

- Status indicators for solved, and stuck questions

- Dark mode support

## Tech Stack

- MongoDB Atlas (Database)

- Express.js (Backend)

- React.js (Frontend)

- Node.js (Runtime Environment)

## Screenshots

### Update Progress Form

![Update Progress Form](./projectss/uf.png)

*Caption: The form where users can update their progress on specific questions.*

### Progress Tracker

![Progress Tracker](./projectss/cp.png)

*Caption: The main progress tracking page showing individual and overall progress.*

## Installation

1. Clone the repository

   git clone https://github.com/theNewtonCode/75Cracker.git

2. Install dependencies for backend

   cd blind-75-tracker/server

    npm install

3. Install dependencies for frontend

   cd ../client

   npm install

4. Set up environment variables

- Create a `.env` file in the server directory

- Add your MongoDB Atlas connection string and other necessary variables

5. Start the backend server

6. Start the frontend application

7. Open your browser and navigate to `http://localhost:3000`

## Usage

1. Select your username from the dropdown on the home page

2. Use the "Update Progress" form to log your progress on specific questions

3. View your progress and others' progress on the main tracker page

4. Toggle dark mode using the button on the home page

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)