Coder Social home page Coder Social logo

solarview-test-login's Introduction

Solar View Login Test

Description

This is a project with the purpose to be a "Test Project" for the SolarView opportunity as FullStack Engineer, The Project is a kinda small, since its features is very "simple" at once, but its frontend was very hard to work on in only 2 days (yeah, I made this project in 2 days)

The Technologies of the project are:

  • NextJS (of course, with ReactJS)
  • Laravel
  • MySQL
  • Redis (for caching)

Run

To run this project you just must follow some basic steps

First

The project is divided between 'login-laravel' dir and 'login-react' dir, they both implement each other (one as an SPA frontend, and other with Laravel on backend API)

Running Laravel

To run Laravel, All that you must do is copying the .env.example file to one new called .env, you can do this running the command below:

$ cp ./login-laravel/.env.example ./login-laravel/.env

After that, you need to run docker, don't worry, it should be way easier than you might think:

$ cd ./login-laravel && docker compose -f docker-compose.dev.yml up --build

Then you need to run migrations inside the docker, so run the following commands:

$ docker exec -it solarview-login-nginx bash

$ php artisan migrate

Running NextJS

As (for simplicity) we want to run our NextJS App as a SSR, we should just run a similar command as the last one:

$ cd ./login-react && docker compose -f docker-compose.dev.yml up --build

And we're done

If you did run these commands, your both frontend and backend should work as fine as possible, to ensure that, try to enter on:

http://localhost:8085

solarview-test-login's People

Contributors

davimendesdev avatar

Watchers

James Cloos avatar  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.