Bee Orderly is a React.js single page web application where users can input a task's information and add it to their to-do list. The app can be visited by clicking here.

• Overview

• Specification

• Project Organisation

• How to run the project

• Dependencies

• Attributions

  
  

The goal of this project was to build a simple single page application to enable the user to create a shopping-list.

Spreadsheet

User Flows

UI component tree

Mock up

To run the project in the development mode, follow the instructions below:

Download or clone the repository in your computer:

$ git clone https://github.com/marcelala/bee-orderly-js.git

In the repository folder:

• install project dependencies with

npm install

• start the development server with

npm start

• open http://localhost:3000 to view it in the browser.

To run the project in the production mode, use this command intstead:

npm run build

• As a project generated with create-react-app, it includes React and ReactDOM as dependencies. It also includes a set of scripts used by Create React App as a development dependency.
• The project setup also uses Webpack for handling all assets, as Webpack offers a custom way of “extending” the concept of import beyond JavaScript.
• node-sass Sassy CSS for styling
• Firebase for hosting the application.

• ESLint
• Prettier
• SASS
• Jest

• This project was developed by Marcela Felix Fortis mentored by Eduardo Alvarez with support from Novare Potential.
• Noto Sans font is by from Google Fonts.
• All icons by FontAwesome (Creative Commons Attribution 4.0 International license).
• Images from Unsplash.
• The project was bootstrapped with Create React App. For more information on how to perform common tasks, visit this page.