Code Monkey home page Code Monkey logo

explorer-stage10-rocketmovies's Introduction

RocketMovies Web App

Status: Complete

Description

This is a project designed to integrate the front-end and back-end of the RocketMovies web app. The files in this repository are not configured for deployment, only for local testing.

For the deployed repositories, see:

Main stacks:

  • ReactJS
  • NodeJS

About

RocketMovies is a web app where you can create an account and register information about movies you've watched and search your movie database.

The app is currently only in Portuguese!

How to run the application on your computer:

# Clone the repository:
git clone [email protected]:jessicaranft/Explorer-Stage10-RocketMovies

# Go to the back-end folder:
cd folder_address/api

# Install all dependencies:
npm install

# Create the database file:
npm run migrate

# Run the back-end server:
npm run dev

#Go to the front-end folder:
cd folder_address/frontend

# Install all dependencies:
npm install

# Run the application:
npm run dev

# Open the address on your web browser provided by the front-end terminal: http://localhost:5173/

# Don't forget that both the back-end and front-end should be running at the same time!

After that, you can register a new profile and start using the app.

Things that you can do with the app:

  • Create a new user;
  • Upload a profile image;
  • Update your details;
  • Register a new movie, adding title, rate, description and tags;
  • Search for movies in your database by title.
  • Click on each movie card to see its individual description page.
  • Delete movie through the link in each individual page.

Screenshots:

Sign In page:

preview

Main home:

preview

Profile:

preview

Movie details:

preview

Made with โค๏ธ by Jessica Ranft ๐Ÿ‘‹๐Ÿฝ Get in Touch!

explorer-stage10-rocketmovies's People

Contributors

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