comethrusws / portfoliov2

Full Stack Personal Porfolio w/ Next.js, Framer Motion, Tailwind, Typescript, & Supabase

🚀 Basab's Portfolio

This is my latest portfolio proect that i built using Next.js to replace my older portfolio site. the site is live. you can check it out Here

🌟 Features

• Next.js: A powerful React framework for server-side rendering and static site generation.
• Framer Motion: Smooth animations and transitions.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• TypeScript: Strong typing for improved developer experience.
• Supabase: Open-source Firebase alternative for backend services.

🛠️ Getting Started

Follow these steps to set up the project locally:

1. Clone the repository

   git clone https://github.com/comethrusws/portfoliov2.git

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 in your browser to view the project.

📂 Project Structure

• app/: Core application components.
• components/: Reusable UI components.
• context/: State management with Context API.
• lib/: Utility functions and helpers.
• public/: Static assets like images and fonts.

🔧 Configuration

• Environment Variables: Create a .env file in the root directory and add your environment variables.
• Tailwind CSS: Configuration is in tailwind.config.js.
• TypeScript: TypeScript settings are in tsconfig.json.

🛠️ Built With

• Next.js
• Framer Motion
• Tailwind CSS
• TypeScript
• Supabase

🤝 Contributing

Contributions are what make the open-source community such an amazing place. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

cheers -x