Viktor's React Projects

Welcome to my repository of React projects! Here you'll find a collection of various applications and components I've built while learning and experimenting with React. Each project is designed to showcase different features and capabilities of React, and they range from beginner to more advanced levels.

Projects

1. Travel Packing List App

• Description: An app to manage your packing list for travels. Add items, specify quantities, mark as packed, and more.
• Features: Add/remove items, set quantities, packed status, sort list, clear list.
• View Project | Read More

2. Date Counter V2

• Description: Calculate future or past dates based on today's date using a slider and buttons to adjust days.
• Features: Display today's date, step selection with slider, + and - buttons for date calculation.
• View Project | Read More

3. Date Counter App

• Description: Similar to Date Counter V2, but without a slider. Use + and - buttons to adjust days and see the resulting date.
• Features: Display today's date, + and - buttons for date calculation.
• View Project | Read More

4. Flashcard Quiz Game

• Description: An interactive quiz game with flashcards displaying React-related questions. Click to reveal the answers.
• Features: Clickable flashcards, questions and answers related to React.
• View Project | Read More

5. Steps App

• Description: A simple app where moving a slider displays different messages at each step. Ideal for beginners.
• Features: Interactive slider, dynamic messages based on slider position.
• View Project | Read More

6. FAQ App

• Description: A frequently asked questions app where users can click on questions to reveal the answers.
• Features: Clickable questions to reveal/hide answers, organized FAQ list.
• View Project | Read More

7. Bill Calculator App

• Description: A simple React application that calculates the total bill amount including tips based on the satisfaction levels of two people.
• Features: Input for the bill amount, dropdowns to select satisfaction levels (5%, 10%, 20%) for both you and your friend, displays the total price including the tips at the bottom.
• View Project | Read More

8. Eat 'N Split App

• Description: Eat-N Split is a React application designed to simplify the process of splitting bills among friends.
• Features: View Friends: The app displays a list of friends, Add friends, shows their current balance (whether they owe money or are owed) and Split bills.
• View Project | Read More

9. usePopcorn App

• Description: usePopcorn is a React application that allows users to search for movies, view details, and manage a list of watched movies.
• Features: Search Movies: Users can search for movies by title, view movie details, rate, add to watched list, and manage watched movies.
• View Project | Read More

Getting Started

To run any of the projects locally, follow these general steps:

1. Clone the repository:

   git clone https://github.com/viksamiles77/React-Projects

2. Navigate to the specific project directory:

3. cd react-projects/project-name

4. Install the dependencies:

   npm install

5. Start the app:

   npm start