A challenging coding arena to enhance your algorithmic skills and solve data structure problems with ease.
CodeArena is a web platform designed to help developers enhance their coding skills by providing a diverse collection of data structures and algorithms questions. With various difficulty levels ranging from easy to hard, you can challenge yourself and improve your problem-solving abilities.
The project is built using the following technologies:
- Next.js: A React framework for server-side rendering and building modern web applications.
- TypeScript: A statically typed superset of JavaScript that adds optional types.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Firebase: A cloud-based platform for building and scaling web applications.
- React: A JavaScript library for building user interfaces.
- Diverse Question Collection: Access a wide range of data structures and algorithms questions.
- Difficulty Levels: Solve problems categorized into easy, medium, and hard difficulty levels.
- Code Execution: Run JavaScript code and validate against test cases to ensure correctness.
- User Authentication: Sign up, log in, and enjoy a personalized coding experience.
- Error Handling: Robust error handling and consideration of edge cases for seamless usage.
To run the project locally, follow these steps:
-
Fork your copy of this repository.
-
Clone the repository:
git clone https://github.com/yourusername/CodeArena.git cd CodeArena
-
Install the dependencies
npm install
-
Configure Firebase
- Create a new Firebase project at firebase.google.com
- Obtain your Firebase project credentials.
- Update your credentials by creating a
.env
file in the root directory of the project with appropriate variables.
- Start the development server
npm run dev
- Open your web browser and visit
http://localhost:3000
to access CodeArena.
I would like to acknowledge the following resources that helped in the development of this project:
- LeetCode: Inspiration and reference for problem selection and difficulty levels.
- Next.js: Official documentation and community support for building React applications.
- Firebase: Documentation and resources for integrating Firebase services.
- Tailwind CSS: Documentation and examples for building responsive UI components.
Contributions are welcome! If you find any bugs or have suggestions for new features, please open an issue on the this repository. Feel free to submit pull requests with improvements or fixes.