Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/razor-eng/proprep

Comprehensive interview preparation platform for developers
https://github.com/razor-eng/proprep

framer-motion next-themes nextjs reactjs shadcn-ui tailwindcss typescript

Last synced: 17 days ago
JSON representation

Comprehensive interview preparation platform for developers

Awesome Lists containing this project

README

        

# ProPrep

ProPrep is a comprehensive interview preparation platform tailored for developers. It helps individuals prepare for technical interviews by providing various tools, resources, and exercises to enhance their skills.

## Features

- **Interview Preparation**: Comprehensive resources and exercises to help developers prepare for coding interviews.
- **UI Components**: Built using Radix UI components for accessible and customizable UI elements.
- **Form Handling**: Integrated with React Hook Form for form management, with validation powered by Zod schema.
- **Animations**: Uses Framer Motion for smooth and interactive animations.
- **Styling**: Styled with Tailwind CSS, ensuring a clean and responsive design.
- **Date Handling**: Date manipulation using `date-fns`.
- **Charts**: Data visualization with Recharts.
- **Themes**: The app supports multiple themes (light and dark mode) using Next Themes.

## Requirements

Before running the project, ensure you have the following installed:

- Node.js (version 18 or later)
- npm (or Yarn)

## Getting Started

1. Clone the repository:
```bash
git clone [email protected]:Razor-eng/ProPrep.git
```

2. Navigate into the project directory:
```bash
cd proprep
```

3. Install the dependencies:
```bash
npm install
```

4. Run the development server:
```bash
npm run dev
```

This will start the Next.js app on `http://localhost:3000`.

## Available Scripts

In the project directory, you can run:

- `npm run dev`: Starts the development server.
- `npm run build`: Builds the project for production.
- `npm run start`: Starts the production server.
- `npm run lint`: Runs ESLint to check for linting issues.

## Dependencies

- **@radix-ui/react-***: A set of accessible, customizable UI components.
- **react-hook-form**: A library to manage forms efficiently.
- **zod**: TypeScript-first schema validation.
- **framer-motion**: A library for smooth animations and transitions.
- **tailwindcss**: Utility-first CSS framework.
- **next**: React framework for building fast, scalable web applications.
- **react**: A JavaScript library for building user interfaces.
- **date-fns**: JavaScript library for date manipulation.
- **recharts**: A charting library for data visualization.
- **next-themes**: A library for supporting light and dark modes.

## Contributing

We welcome contributions to improve ProPrep!

1. Fork the repository.
2. Create a new branch (`git checkout -b feature-name`).
3. Commit your changes (`git commit -am 'Add feature'`).
4. Push to your branch (`git push origin feature-name`).
5. Open a pull request.

## License

This project is licensed under the MIT License.

## Acknowledgements

- [Radix UI](https://www.radix-ui.com/) for accessible UI components.
- [Framer Motion](https://www.framer.com/motion/) for animations.
- [React Hook Form](https://react-hook-form.com/) for managing forms.
- [Tailwind CSS](https://tailwindcss.com/) for utility-first styling.
- [Recharts](https://recharts.org/) for data visualization.