https://github.com/hackafro/wolt-opening-times

https://github.com/hackafro/wolt-opening-times

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/hackafro/wolt-opening-times
• Owner: HackAfro
• Created: 2020-03-26T15:39:09.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T17:15:34.000Z (about 2 years ago)
• Last Synced: 2024-11-14T19:36:09.690Z (2 months ago)
• Language: CSS
• Homepage:
• Size: 3.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Opening Times Application

This repository contains the solution for the Wolt frontend application challenge.

## Tools used

The application is built using Javascript. The application uses React and was bootstrapped using Create React App.

The full list of tools used by the application can be found below:

- [React](https://reactjs.org) - tooling for frontend development

- [React Feather](https://github.com/feathericons/react-feather#readme) - Icon pack

## Getting up and running

- Clone the repository

- Inside the cloned directory, run the following commands:

  - `npm install` or `yarn` - To install all the project's dependencies.

  - Run `yarn start` or `npm start` to start the frontend application

## Project directory

The project directory houses the server application and the frontend application.

- The frontend application - `./src`

The reusable components that make up the frontend application can be found in the `src/components` directory. Each component serves a single purpose:

- `./src/components/week` - renders the list of days

- `./src/components/table` - renders each of the week

## Styling

Styling was done using utility classes provided by [TailwindCSS](https://tailwindcss.com/) and some custom styles.