Code Monkey home page Code Monkey logo

luizsandoval / appizza Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 31.33 MB

Everybody loves pizza πŸ•β€οΈ! But not everyone likes to deal with red tape to eat their favorite slice. So, why don't make it easy?πŸ’‘

Home Page: http://appizza.netlify.app

License: MIT License

HTML 0.39% JavaScript 77.97% TypeScript 16.46% Starlark 0.23% Java 2.96% Ruby 0.32% Objective-C 1.68%
javascript react typescript styled-components webapp sqlite3 jsx expressjs jwt context-api pizza postgresql react-native knexjs nodejs rest-api redux frontend

appizza's Introduction


Status: Under improvement 🚧 (version 2 is coming)πŸš€

Summary

πŸ‘¨β€πŸ« Overview

πŸ’‘ Functionalities

πŸš€ Preview

πŸ”§ Running locally

πŸ“¦ Technologies Used

Overview πŸ‘¨β€πŸ«

Who doesn't love pizza πŸ• ❀️?

But, did you ever gave up on ordering a pizza or cancelled your order because you had to call to the pizza place, wait to be attended and then make your order? 😨

So, put a smile on your face because I have great news for you πŸ’ƒ!

Appizza simulates an environment where you can make and follow up your order in just a few clicks, without any headache ☺️.

Functionalities πŸ’‘

βœ”οΈ User register & login

βœ”οΈ Responsive layout

βœ”οΈ Manage pizza orders

βœ”οΈ Manage pizzas (insert, read, edit and even delete)

Preview πŸš€

A demonstration of Appizza is available on the link below. Feel free to access and play with it:

πŸ”— Appizza

Running locally πŸ”§

You can also run it locally if you want, these at the steps that you need to take first:

Requirements

You can use NPM, but I recommend using Yarn because the project lockfile was generated using it

Cloning the repo

On the terminal, run the following command:

git clone https://github.com/luizsandoval/appizza.git

Installing dependencies

After cloning the repo, open it on your terminal and you will find two folders:

  • api: that's the application backend.
  • app: that's the application frontend.

You will need to install dependencies for both parts of the app.

Backend

On the terminal, make sure you are on the repository root folder and run the following command:

    cd api

Once inside the api folder, install the necessary dependencies:

Recommended

    yarn install

or

    npm install

As we use SQLite as database, we need to setup it before running our api. Fortunately, I have made this easy for you, just run the following command:

    yarn database

or

    npm database

Before executing the api, you will need to create a .env file on the root of the api folder, with the following content:

    IMAGES_URL=http://localhost:3333/uploads
    SECRET_JWT=<your secret here>
    NODE_ENV=DEV
    PORT=3333

⚠️ Don't forget to setup your secret to guarantee that JWT will work as expected

Finally, we can start the api by simple running:

    yarn start:dev

or

    npm run start:dev

Now, let's setup the frontend.

Frontend

Ensure that you are at the repository root folder and enter on the app folder:

    cd app

Once there, run the following command to install the necessary dependencies:

    yarn install

or

    npm install

Now, before executing the application, you need to create a .env file on the root of the app folder, with the following content:

    REACT_APP_API_URL=http://localhost:3333

Once you create that file, you are ready to go 😎! Just run:

    yarn start

or

    npm start

And your default browser will open the app at http://localhost:3000.

Technologies used πŸ“¦

Backend

Frontend

Developer :octocat:


Luiz Sandoval

License

The MIT License (MIT)

Copyright ©️ 2020 - Appizza - App for pizza places.

Made with ❀️ by Luiz Sandoval

appizza's People

Contributors

luizsandoval avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.