Assets Management Website

This is a Next.js project bootstrapped with create-next-app.

The Assets Management Website is a full-featured application built with Next.js that allows users to easily manage their digital assets such as images and text. With integration to the Assets Management API, users can store, categorize, tag, and search their assets with ease. The website offers a clean and intuitive user interface, enabling users to easily view, edit, and delete their assets. Additionally, the website includes a real-time chat feature, allowing users to collaborate and communicate with each other in real-time. The website is secured with authentication and authorization using JWT (JSON Web Tokens), ensuring that users' data is kept safe and secure.

Acknowledgments

This website was developed as a practical application of the Assets Management API, which was built as part of the Full-Stack Web Development course at Flag.pt. Special thanks to our instructor, Fernando, for providing valuable guidance and support during the course. Additionally, I would like to thank my fellow classmates for their feedback and suggestions during the development of this website.

Tech Stack

• Next.js: A popular React framework for building server-side rendered (SSR) web applications.
• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework that provides pre-defined styles and classes for quickly building responsive web designs.
• Axios: A popular HTTP client library for making API requests from the browser.
• Socket.io-client: A library that enables real-time, bidirectional communication between the server and the client using WebSockets.
• Jsonwebtoken: for generating and verifying JWTs

Development

To set up the development environment:

Prerequisites:

• Node.js installed on your machine

1. Clone the repository

git clone https://github.com/migsilva89/Assets-Management-website

2. Navigate to the project directory:

cd Assets-Management-website

3. To install the dependencies run:

npm install

4.To start a local development server run:

npm run dev

To run the full project please also check the api: Assets Management API

Open http://localhost:3000 with your browser to see the result.

Tips or advice on how to improve are very welcome, thank you all!

Linkedin