Lochipi / emase

Personal portfolio built with NextJs with TypeScript and Tailwind for styling. It showcase all of my works and all about me.

Personal Portfolio Website

Welcome to my personal portfolio website, a project built with Next.js, TypeScript, and Tailwind CSS. This website is designed to showcase my work, skills, and provide a glimpse into my professional journey. Below, you will find essential information on how to get started with this project and make it your own. 🚀

Table of Contents

1. Getting Started

   • Prerequisites
   • Installation

2. Configuration

   • Personal Information
   • Projects
   • Skills

3. Customization

   • Styling
   • Content

4. Deployment

5. License

Getting Started

Prerequisites

Before you start, ensure you have the following software installed:

• Node.js (LTS version recommended)
• npm or Yarn

Installation

1. Clone the repository to your local machine:

   git clone https://github.com/yourusername/your-portfolio.git

2. Change to the project directory:

   cd your-portfolio

3. Install project dependencies:

   If you're using npm:

   npm install

   If you're using Yarn:

   yarn

4. Start the development server:

   npm run dev
   # or
   yarn dev

   The development server should be running at http://localhost:3000. 🌐

Configuration

Before customizing your portfolio, it's essential to configure your personal information, projects, and skills. ⚙️

Personal Information

Edit the file with your personal information, such as your name, job title, email, and social media links.

Projects

Add your projects to the assets/projectsData.tsx file. Each project should have a title, description, GitHub repository link, and a live demo link if available.

Skills

Add your skills to the assets/data.tsx file. You can organize them into different categories and assign each skill a rating.

Customization

Styling

The project uses Tailwind CSS for styling. You can customize the styling by editing the Tailwind CSS configuration file located at tailwind.config.js.

To generate your own CSS, you can create new stylesheets in the styles directory and import them into your components.

Content

Customize the content of your website by editing the components in the components directory. You can modify the layout, add new sections, or make any other changes to match your personal branding.

Deployment

To deploy your portfolio website, follow the deployment instructions provided by the platform of your choice. You can deploy it on platforms like **Vercel**, **Netlify**, GitHub Pages, or any hosting service that supports Next.js applications.

Remember to set environment variables, if necessary, to keep sensitive information secure, and to optimize your website for production deployment. 🌐

License

This project is licensed under the MIT License. See the LICENSE file for details. 📜

Thank you for using this portfolio template! Feel free to reach out if you have any questions or need further assistance. Happy coding! 👨‍💻👩‍💻