Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arthurlbo/arthurlobo.com
🧑💻 Personal web site built with React, Next, Typescript and Tailwindcss.
https://github.com/arthurlbo/arthurlobo.com
3d commitizen commitlint cypress e2e eslint framer-motion husky next14 nextjs prettier react shadcn-ui spline tabler-icons tailwindcss threejs typescript vercel
Last synced: 1 day ago
JSON representation
🧑💻 Personal web site built with React, Next, Typescript and Tailwindcss.
- Host: GitHub
- URL: https://github.com/arthurlbo/arthurlobo.com
- Owner: arthurlbo
- Created: 2024-02-12T17:08:28.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-05T19:37:18.000Z (9 months ago)
- Last Synced: 2024-03-06T20:50:19.018Z (9 months ago)
- Topics: 3d, commitizen, commitlint, cypress, e2e, eslint, framer-motion, husky, next14, nextjs, prettier, react, shadcn-ui, spline, tabler-icons, tailwindcss, threejs, typescript, vercel
- Language: TypeScript
- Homepage: https://arthurlobo.com
- Size: 5.14 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Hi there! 👋
> Welcome to my personal website, where I showcase a collection of my projects, highlight my skills, and document my journey as a developer thus far.
>
> Leveraging the power of React and Next.js, it offers a smooth and efficient browsing experience with server-side rendering capabilities for enhanced performance.
>
> TypeScript is utilized throughout the codebase to ensure robustness and type safety, while Tailwind CSS provides a highly customizable and responsive design system, resulting in a sleek and modern aesthetic. Additionally, Framer Motion adds fluid animations and transitions, enhancing the overall user experience.
>
> Also, Cypress is employed for end-to-end testing, ensuring the reliability and functionality of the website across different scenarios.
## What is inside?
- [Next.js](https://nextjs.org/docs)
- [React.js](https://reactjs.org)
- [TypeScript](https://www.typescriptlang.org)
- [Tailwind CSS](https://tailwindcss.com/)
- [Shadcn UI](https://ui.shadcn.com/)
- [class-variance-authority](https://cva.style/docs)
- [Tabler Icons](https://tablericons.com/)
- [Spline 3D](https://spline.design/)
- [Framer Motion](https://www.framer.com/motion)
- [Day.js](https://day.js.org)
- [Cypress](https://www.cypress.io/)
- [Eslint](https://eslint.org)
- [Prettier](https://prettier.io)
- [Husky](https://github.com/typicode/husky)
- [Commitlint](https://commitlint.js.org/#/)
## Getting Started
### Install dependencies
```bash
pnpm install
```
or
```bash
yarn
```
or
```bash
npm install
```
### Run development server
```bash
pnpm dev
```
or
```bash
yarn dev
```
or
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Structure
```
└── cypress
├── e2e
└── src
├── app
├── assets
├── components
├── about
├── career
├── contact
├── header
├── hero
├── projects
├── moving-techs
├── ui
├── lib
├── utils
├── hooks
```
| Folder | Description |
| ------------------ | ---------------------------------------------- |
| **e2e** | e2e tests in the app |
| **app** | Pages |
| **assets** | Images and static files for application |
| **components** | Page's components |
| **header** | Page's header |
| **ui** | Reusable ui components |
| **about** | Components related to the about section |
| **career** | Components related to the career section |
| **contact** | Components related to the contact section |
| **hero** | Components related to the hero section |
| **projects** | Components related to the projects section |
| **moving-techs** | Components related to the moving techs section |
| **lib** | Configuration of libraries used in the project |
| **utils** | Auxiliary and reusable functions |
| **hooks** | Reusable custom react hooks |
## Conventions
| Files | Description |
| ------------ | ----------------------------- |
| **.tsx** | Component implementation |
| **index.ts** | File to export the components |
## Commands
- `dev`: run development server
- `build`: creates the production build version
- `cypress`: open cypress
- `format`: run prettier and eslint in all the files
- `e2e-test`: run all the e2e tests.
- `commit`: commit staged changes
Made with 🤍 by Arthur