Nitro Dashboard - Front-end

Front-end web page design for a startup that sells a dashboard that provides valuable data to businesses

📋 Sumary

1. 🚀 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 💻 Quick Start
5. 🤝 Contributing
6. 👥 Authors

🚀 Introduction

Nitro is a cutting-edge solution designed to empower businesses in managing their sales with precision and efficiency. This landing page showcases a dynamic dashboard tool tailored to assist companies in analyzing key metrics, optimizing workflows, and driving informed decisions.

This project is a landing page developed with Next.js and React, designed to present a dashboard tool aimed at companies that want to manage their sales efficiently. The page offers a modern and responsive interface, highlighting the main features of the product.

Built with a focus on performance and user experience, this landing page uses the best front-end development practices to provide fast loading and optimized SEO, ensuring that the solution reaches its target audience effectively.

⚙️ Tech Stack

• React.js
• Next.js
• Motion
• Tailwind CSS

🔋 Features

• Fully Responsive Design: Built to deliver a consistent and fluid experience across mobile devices, tablets, and desktops.

• Smooth Animations with Framer Motion: Dynamic and interactive animations that enrich the user experience and highlight key elements on the page.

• SEO Optimization with Next.js: Search engine optimized framework, ensuring better visibility and performance in searches.

• Fast Loading Times: Server-side rendering (SSR) and pre-rendering (SSG) based architecture to deliver fast and efficient loading.

• Interactive UI with React: Reusable and highly interactive components designed for a modern and user-friendly interface.

• Accessible and Inclusive Design: Elements and interactions developed with accessibility in mind, serving diverse audiences.

• Scalable Codebase: Organized and scalable code structure, facilitating future updates and improvements.

💻 Quick Start

Follow these steps to set up the project locally on your machine.

00 - Prerequisites

To use this project you must have previously installed the following packages:

• Git
• Node.js
• npm (Node Package Manager or similar)

01 - Cloning the Repository

git clone https://github.com/orafael-almeida/nitro-frontend
cd nitro-frontend

02 - Installation

Install/Update the project dependencies using npm:

npm install

03 - Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project. Please, check the port.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

1. Fork it (https://github.com/orafael-almeida/nitro-frontend/fork)
2. Create your feature branch (git checkout -b new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin new-feature)
5. Create a new Pull Request

👥 Authors

Rafael Almeida

LinkedIn | GitHub