https://github.com/oscargonzalezdev/trison-task
This repository contains my solution for the Trison technical test.
https://github.com/oscargonzalezdev/trison-task
css frontend html javascript typescript
Last synced: 9 months ago
JSON representation
This repository contains my solution for the Trison technical test.
- Host: GitHub
- URL: https://github.com/oscargonzalezdev/trison-task
- Owner: oscargonzalezdev
- Created: 2022-12-07T11:16:48.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-14T23:27:57.000Z (over 3 years ago)
- Last Synced: 2025-06-19T02:42:42.128Z (9 months ago)
- Topics: css, frontend, html, javascript, typescript
- Language: TypeScript
- Homepage: https://trison.oscarweb.dev
- Size: 3.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
# Responsive Layout
View Demo ·
Report Bug·
Support
Table of Contents
## About The Project
[](https://trison.oscarweb.dev/)
This repository contains my solution for a technical test.
The task is to create a responsive menu layout populated with elements obtained from an API.
It should also have a contact form with corresponding validations.
### Built With
- [Next.js](https://nextjs.org/)
## Getting Started
To get and run a local copy of this project follow the instructions below.
### Installation
1. Clone the repo
```sh
git clone https://github.com/oscargonzalezdev/trison-task.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the project locally
```sh
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Roadmap
- [x] Layout component.
- [x] MenuDetails component.
- [x] Form Component
- [x] Home Page
## Author
Oscar González
Frontend Web Developer
[www.oscarweb.dev](https://oscarweb.dev) |
[LinkedIn](https://linkedin.com/in/oscargonzalezdev) |
[Twitter](https://twitter.com/oscardev_)
## Links
- GitHub repository: [https://github.com/oscargonzalezdev/trison-task](https://github.com/oscargonzalezdev/trison-task)
- Demo: [https://trison.oscarweb.dev](https://trison.oscarweb.dev)
## Note
To learn more about Next.js, please visit the [official documentation](https://nextjs.org/docs)
[contributors-shield]: https://img.shields.io/github/contributors/oscargonzalezdev/trison-task.svg?style=for-the-badge
[contributors-url]: https://github.com/oscargonzalezdev/trison-task/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/oscargonzalezdev/trison-task.svg?style=for-the-badge
[forks-url]: https://github.com/oscargonzalezdev/trison-task/network/members
[stars-shield]: https://img.shields.io/github/stars/oscargonzalezdev/trison-task.svg?style=for-the-badge
[stars-url]: https://github.com/oscargonzalezdev/trison-task/stargazers
[issues-shield]: https://img.shields.io/github/issues/oscargonzalezdev/trison-task.svg?style=for-the-badge
[issues-url]: https://github.com/oscargonzalezdev/trison-task/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/oscargonzalezdev