/fruity

💻 Fruity is an application for people who can't decide what kind of fruit they would like to eat. To solve this problem, just select your favorite ones, click the button and let it decide for you!

Primary LanguageJavaScriptMIT LicenseMIT

Fruity Header

Version GitHub Repository Size License GitHub Last Commit GitHub Pull Requests GitHub Issues


Fruity

Are you a fruit lover? Have you ever been unable to decide what kind of fruit you would like to eat? Don't worry about it anymore! All you have to do is select your favorite fruits, click the button and let the application decide for you. It's so simple!

🚀 Live demo: https://lszymanski7-fruity.netlify.app

Table of Contents

  1. Features
  2. Technologies
  3. Getting Started
  4. Contributing
  5. Attribution
  6. License

Features

  • Selecting fruits that should be included in the draw.
  • Resetting selected fruits to default state.
  • Drawing a fruit from among the selected ones.
  • Saving data to localStorage.
  • Toggling between light and dark theme.

Technologies

JavaScript HTML CSS SASS React Webpack Babel Jest Testing Library Node.js Npm Express ESLint Prettier

All technologies and tools were used in the latest version at the time of creating this project.

Getting Started

Prerequisites

Note Download Node.js installer.

This project was created with the Node.js (v18.9.0) runtime environment and the NPM (v8.19.1) for package management. Use the Node.js installer to install both of them on your system.

Installation

Follow all of the steps below to get a local copy of the project and install any dependencies required to run it.

  1. Clone the repository.
$ git clone https://github.com/lszymanski7/fruity-app.git
  1. Navigate to the project directory.
$ cd fruity-app
  1. Install all dependencies.
$ npm install

Application

To run the application, you must first create a production build. Use the command below for this purpose.

$ npm run build

The next command starts the server built with Node.js and Express. All static files generated by webpack will be served from the ./build folder. The application will be launched at the following url: http://localhost:3000

$ npm run start

Contributing

Any contributions are greatly appreciated. Use the issue tracker if you want to report bugs, request a new feature or improve documentation. Please check for existing issues before you report them yourself.

You can contribute by following these steps:

  1. Fork this repository on GitHub.
  2. Clone the forked repository to your machine: $ git clone https://github.com/username/fruity-app.git
  3. Create a new branch: $ git switch -c <branch-name>
  4. Make necessary changes and commit them.
  5. Push changes to GitHub: $ git push origin -u <branch-name>
  6. Submit a new Pull Request on GitHub.

Attribution

License

This project is licensed under the terms of the MIT License.


If you have any questions or suggestions, please send me an e-mail.
You can also find me on the following websites:

Stack Overflow GitLab LinkedIn