https://github.com/dpisati/bossa-box-front
The application is a repository for managing tools with their names, links, descriptions and tags.
https://github.com/dpisati/bossa-box-front
cypress json-server nextjs vercel
Last synced: 2 months ago
JSON representation
The application is a repository for managing tools with their names, links, descriptions and tags.
- Host: GitHub
- URL: https://github.com/dpisati/bossa-box-front
- Owner: dpisati
- Created: 2020-12-14T02:06:28.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-05T21:49:44.000Z (over 5 years ago)
- Last Synced: 2025-03-15T06:31:40.898Z (over 1 year ago)
- Topics: cypress, json-server, nextjs, vercel
- Language: JavaScript
- Homepage: http://bossa-box-front.vercel.app/
- Size: 45.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Bossabox - Front-End challenge.
# Index
- [About](#about)
- [Demo](#demo)
- [Functionalities](#functionalities)
- [Technologies](#technologies)
- [Preview Web](#preview-web)
- [Preview Mobile](#preview-mobile)
- [How to use](#how-to-use)
- [How to contribute](#how-to-contribute)
## :bookmark: About
Bossabox is a platform that unites developers with companies in order to bring together the best team for distinguished projects.
The task is to build a front-end for the VUTTR (Very Useful Tools to Remember) application. The application is a simple repository for managing tools with their names, links, descriptions and tags. Using a Git repository (public, preferably) for versioning and making the code available. The wireframe and style was provided by Bossabox
The front-end was build using Next.js to improve the SEO, and the api is a json-server that is host on [Heroku](https://dashboard.heroku.com/).
## :trophy: Demo
The front and is hosted on Vercel and the back-end on Heroku.
https://bossa-box-front.vercel.app/
## :fire: Functionalities
- Show existing tools on database.
- Search for tool using key word provided on input field.
- Search for tool, only on tags, using key word provided on input field.
- Create a new tool.
- Edit / Update data.
- Remove tool using confirmation modal.
- Automated testing using Cypress.
- Continuous integration using and Github Actions.
- Continuous deployment using Vercel host linked with Github.
## :rocket: Technologies
The project is made with:
- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [Cypress](https://www.cypress.io/)
- [json-server](https://www.npmjs.com/package/json-server)
## :heavy_check_mark: :computer: Web
## :heavy_check_mark: :iphone: Mobile
## :fire: How to Use
- ### **Dependencies**
- Is **required** to install **[Node.js](https://nodejs.org/en/)**
- In order to run scripts and install dependencies you need to install a **package manager** (ie: **[NPM](https://www.npmjs.com/)**).
1. First step, clone this github repository:
```sh
$ git clone https://github.com/dpisati/bossa-box-front.git
```
2. Run the application:
```sh
# Install dependencies
$ cd bossa-box-front && npm install
# Start the server on port 3335
$ npm run dev
```
## :recycle: How to Contribute
- Create a Fork from this repo,
- Create a branch with your feature: `git checkout -b my-feature`
- Commit changes: `git commit -m 'feat: My new feature'`
- Push to your branch: `git push origin my-feature`