A showcase of React mini projects demonstrating coding skills and creativity. Explore for inspiration or collaboration.
Developed with the software and tools below.
Welcome to my collection of React projects! This repository contains various projects I have built while learning and experimenting with the React framework. Each project is designed to help me understand different aspects of React and front-end development.
1. Accordion
An interactive accordion component that allows users to expand and collapse sections of content.
Live Demo: Accordion
ScreenShot
2. Bill Splitter
A handy app to split bills among friends, calculate each person's share, and handle tip distribution.
Live Demo: Accordion
ScreenShot
3. Currency Converter
A simple currency converter that fetches real-time exchange rates and converts amounts between different currencies.
Live Demo: Accordion
ScreenShot
4. Movie Rating
A movie rating app where users can search for movies, view details, and rate them. Utilizes custom hooks for enhanced functionality.
Live Demo: Accordion
ScreenShot
5. Pizza Menu
An interactive menu for a pizza restaurant, allowing users to browse different pizza options and add them to their order.
Live Demo: Accordion
ScreenShot
6. React Quiz
A quiz application built with React, featuring multiple-choice questions and scoring.
Live Demo: Accordion
ScreenShot
7. Steps Tracker
A simple app to track daily steps and visualize progress.
Live Demo: Accordion
ScreenShot
8. Tabs
A tabbed interface that fetches and displays dynamic data for different tabs.
Live Demo: Accordion
ScreenShot
9. Tip Calculator
An easy-to-use tip calculator to quickly determine how much to tip based on the bill amount and desired tip percentage.
Live Demo: Accordion
ScreenShot
10. Travel List
An app to create and manage a travel packing list, ensuring you never forget essential items on your trips.
Live Demo: Accordion
ScreenShot
- Clone the ByteSizedReact repository:
git clone https://github.com/priyanshuahir000/ByteSizedReact- Change to the project directory:
cd ByteSizedReact- Install the dependencies:
npm install- Navigate to the project directory:
cd react-projects-collection/project-name- Install the dependencies:
npm install- Start the server:
npm startContributions are welcome! Here are several ways you can contribute:
- Submit Pull Requests: Review open PRs, and submit your own PRs.
- Join the Discussions: Share your insights, provide feedback, or ask questions.
- Report Issues: Submit bugs found or log feature requests for Bytesizedreact.
Contributing Guidelines
- Fork the Repository: Start by forking the project repository to your GitHub account.
- Clone Locally: Clone the forked repository to your local machine using a Git client.
git clone https://github.com/priyanshuahir000/ByteSizedReact
- Create a New Branch: Always work on a new branch, giving it a descriptive name.
git checkout -b new-feature-x
- Make Your Changes: Develop and test your changes locally.
- Commit Your Changes: Commit with a clear message describing your updates.
git commit -m 'Implemented new feature x.' - Push to GitHub: Push the changes to your forked repository.
git push origin new-feature-x
- Submit a Pull Request: Create a PR against the original project repository. Clearly describe the changes and their motivations.
Once your PR is reviewed and approved, it will be merged into the main branch.
- Thanks to the React community for providing excellent resources and support.
- Special thanks to all the tutorials and open-source projects that inspired and helped me during the development of these projects.