Code Monkey home page Code Monkey logo

aircnc's Introduction

aircnc

Find and offer hosting spots

☕ ReactJS and Node.js study project aimed at replicating basic Airbnb functionalities
Made on the Omnistack Week, by Rocketseat.


Introduction

This project is part of my personal portfolio that includes some basic fundamentals. I would be happy with any feedback to help me become a better developer.

🔌 Backend

A RESTful API created with Node.js and use MongoDB through mongoose.
See the API_REFERENCE for more details.

🚀 Built With

Name Description
Express Application structuring framework
Mongoose Here used as query and schema builder
JSON Web Token Token pattern
Multer File upload middleware
CORS Express cors
ESLint ECMAScript linter

💻 Web

React application configured by the Create React App. It provides a mobile friendly interface that consumes the api of this same repository.

Features

  • SignIn
    • Login on the application
    • Control the authentication with React Context API
  • SignUp: create a user with name, email and passoword
  • Spot
    • Create a spot with image, name, tags and price
    • List all spots
  • Book
    • Create a booking with date
    • Receives pending bookings

🚀 Built With

Name Description
React Standard server structure
React DOM React entry point to the DOM
React Router DOM Declarative routing for React
Axios HTTP requester
Styled Components Create a styled react component
JSON Web Token Token pattern
ESLint ECMAScript linter

💻 Getting Started

Here you will run the Backend and Web app in development mode. Follow the steps below.

Requeriments

Node.js
MongoDB
Yarn or NPM

Cloning the Repository

$ git clone https://github.com/gabrielribeirof/aircnc

Installing the dependencies

Enter the backend folder and install the dependencies

$ cd aircnc/backend

$ yarn install

# or
$ npm install

Go to web folder and install the dependencies

$ cd ../web

$ yarn install

# or
$ npm install

Configuring the database

You must provide your MongoDB's URI. You can use the MongoDB Cloud which is free.

Create a file named .env in backend folder based on .env.example file. The .env file should look like this:

APP_BASE_URL=http://here-your-local-ip:3333
MONGOOSE_SRV=mongodb+srv://<crendencials>@maincluster.jtmlc.gcp.mongodb.net/aircnc
JWT_SECRET=any-secret

Running Aplication

Now that everything is ready, you can launch the applications.

# in /backend folder

$ yarn dev

# or
$ npm run dev
# in /web folder

$ yarn start

# or
$ npm run start

The web application log register will provide the final URL :)

📋 License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with 💖 by Gabriel Ribeiro

aircnc's People

Contributors

dependabot[bot] avatar gabrielribeirof avatar

Stargazers

 avatar

Watchers

 avatar

aircnc's Issues

Improve web application design

Checklist for improving existing features and creating new ones

  • Home
  • Sign Up
  • Sign In
  • Spot
  • Spot Form
  • Spot List
  • Booking Form

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.