Usha's Portfolio Website

This is my personal portfolio website, built using Next.js, Tailwind CSS, and designed to showcase my projects, skills, and experiences.

About Me:

I'm Usha, an international student at the University of Toronto, double majoring in Computer Science and Economics. I'm passionate about blending data, design, AI, and finance to create intelligent solutions with beautiful interfaces. This website is a reflection of my journey and the projects I've worked on.

Original Template Credit:

This website is based on the Netlify Developer Portfolio Starter (auto-annotated) template, originally created by Netlify. I've customized and enhanced the template to fit my personal portfolio needs.

Key Features:

• Next.js: Built with the powerful React framework for fast and efficient rendering.
• Tailwind CSS: Utilizes a utility-first CSS framework for rapid UI development.
• Responsive Design: Ensures the website looks great on all devices.
• Project Showcase: Highlights my projects with detailed descriptions, images, and videos.
• Blog Section: Features my latest blog posts and insights.
• Contact Information: Provides easy ways to connect with me.

Getting Started:

1. Clone the Repository:

   git clone https://github.com/usha-sj/portfolio-website
   cd portfolio-website

2. Install Dependencies:

   npm install

3. Run the Development Server:

   npm run dev

4. Open in Browser:

   • Visit http://localhost:3000 in your web browser.

Project Structure:

• pages/: Contains the Next.js pages for your website.
• components/: Holds reusable React components.
• public/: Stores static assets like images and videos.
• styles/: Includes your Tailwind CSS configuration and custom styles.
• content/: Stores markdown files for your projects and blog posts.

Customization:

• Content:
  • Edit the Markdown files in the content/ directory to update project and blog post content.
  • Add or replace images in the public/images/ directory.
  • Add or replace videos in the public/videos/ directory.
• Styling:
  • Modify the Tailwind CSS configuration in tailwind.config.js to customize the website's appearance.
  • Add custom CSS styles in styles/globals.css.
• Components:
  • Create or modify React components in the components/ directory to add new features or customize existing ones.
• Configuration:
  • Modify the config.json or config.yaml to change site wide settings.

Deployment:

• Netlify:
  • Push your code to a Git repository (e.g., GitHub, GitLab).
  • Connect your repository to Netlify for automatic deployments.
• Vercel:
  • Push your code to a Git repository.
  • Connect your repository to Vercel for automatic deployments.
• Other Platforms:
  • Follow the deployment instructions for your chosen hosting platform.

Contributing:

If you'd like to contribute to this project, please feel free to submit a pull request.

Support:

If you have any questions or issues, please feel free to reach out to me.

License:

NA