Git Product home page Git Product logo

challenge-project's Introduction

HF webCodingChallenge

It lists shops nearby the user location.

this project is a simple web coding challenge with coding-best-practices in mind created as the second step for job application in hidden founders.

The technologies used in this project are Vue.js for the UI and Laravel for the API.

See it in action http://hfwcc.eissa-soubhi.com

Install

To set the application up and runing:

git clone [email protected]:eissasoubhi/challenge-project.git

First the UI

cd challenge-project/frontend

install dependencies

npm install

serve the UI with hot reload at http://localhost:8080

npm run dev

If the port 8080 is unavailable the server will start at another port.

Then the API

In another terminal go to challenge-project/backend folder

Install all the dependencies using composer

composer install

Copy the example env file and make the required configuration changes in the .env file

cp .env.example .env

Generate a new application key

php artisan key:generate

Generate a new JWT authentication secret key

php artisan jwt:generate

Run the database migrations (after creating the database (without any table) and setting the connection in .env before migrating)

php artisan migrate

Database seeding with dummy data

php artisan db:seed

Start the local development server

php artisan serve

You can now access the API at http://localhost:8000

Now the application is accessible here http://localhost:8080

Important note

Make sure the UI is running at http://localhost:8080 and the Api at http://localhost:8000 or you'll have to change those default URLs in both the UI configuration and the the Api configuration.

See more about the UI here and more about the Api here.

Screenshots

Home page

HF webCodingChallenge

Nearby shops page

HF webCodingChallenge

Favorited shops page

HF webCodingChallenge

License

MIT

challenge-project's People

Contributors

eissasoubhi avatar

Stargazers

 avatar

Watchers

 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.