arthurlbo/exp-bio

📱A instagram's bio page developed for the multinational marketing agency @expmarketing.br

Hi there! 👋

This project is a instagram's bio page (similar to Linktree) developed for the multinational marketing agency Exp Marketing. The primary goal is to showcase the company's useful links along with other pertinent information about their services and expertise.

The platform is built using modern technologies, including Next.js for a dynamic user experience, TypeScript for ensuring code security and scalability, and Tailwind CSS for a responsive and elegant design. This technological approach enables seamless integration and an optimized browsing experience for users, reflecting Exp Marketing's innovation and professionalism.

What is inside?

• Next.js
• React.js
• TypeScript
• Tailwind CSS
• Phosphor Icons
• Eslint
• Prettier
• Husky
• Commitlint

Getting Started

Install dependencies

pnpm install

or

yarn

or

npm install

Run development server

pnpm dev

or

yarn dev

or

npm run dev

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

Structure

└── src
    ├── app
    ├── assets
    ├── components
        ├── home
        ├── ui
    ├── lib
    ├── utils

Folder	Description
app	Pagens in the project
assets	Images and static files for application
components	Page's components
home	Components used in the home page
ui	Reusable ui components
lib	Configuration of libraries used in the project
utils	Auxiliary and reusable functions

Conventions

Files	Description
.tsx	Component implementation
index.ts	File to export the components

Commands

• dev: run development server
• build: creates the production build version
• format: run prettier and eslint in all the files
• commit: commit staged changes

Made with 🤍 by Arthur