Skip to content

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.

Notifications You must be signed in to change notification settings

marcelala/bee-orderly-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bee Orderly JS: To-do List

Overview

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.




Table of Contents




Specification


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




Project Organisation


Project analysis

Spreadsheet


User Flows

User Flows


Component tree


UI component tree


Design Mockup


Mock up




How to run the project


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

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

npm run build




Dependencies & Tools Used


  • 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.

DevDependencies






Attributions & Helpful Links


About

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.

Resources

Stars

Watchers

Forks