Agile Content - Frontend test

Welcome! 💻✨
This project aims to simulate a page inspired by Google and consult fake data, in order to test the skills with clean development, own styling, tests with Cypress and CI/CD pipeline with publication in Vercel.

🛠 Technologies

The tools below were used in the project's development:

• Next.js 13
• TypeScript
• @emotion
• Axios
• FakerJS

👾 Features

• Create a new project in Next.js 13
• Install dependencies
• [Data] Get data from Faker.js
• [Data] Mock results with Next API
• [Homepage] A search input that allows you to search for animals
• [Homepage] Header
• [Homepage] Footer
• [Results page] A search input in the header
• [Results page] Results list
• [Results page] Search details box
• [Tests] Tests for use cases
• Pipeline to publish to vercel
• Dark mode

⚙ Installation

• 1. Clone and set up this repository Agile Content - Frontend
• 2. Run npm i or yarn in the project folder on your computer
• 3. Run npm run dev or yarn dev
• 4. Your project is already running 🔭

📦 Folder architecture and structure

├───public
│   └───assets
│       ├───icons
│       └───images
└───src
    ├───components
    │   ├───Button
    │   ├───Card
    │   ├───CustomHead
    │   ├───InputSearch
    │   ├───NoResultCard
    │   ├───RoundButton
    │   ├───ShowCard
    │   └───SkeletonCard
    ├───containers
    │   ├───Footer
    │   ├───Header
    │   ├───ResultsHeader
    │   └───SearchSection
    ├───dtos
    ├───pages
    │   ├───api
    │   └───results
    ├───services
    ├───styles
    └───utils

Developed by Werlley Ponte

---