https://github.com/das-amlan/itsamlandas
Personal portfolio website
https://github.com/das-amlan/itsamlandas
firebase html javascript nextjs14 tailwindcss typescript
Last synced: about 1 year ago
JSON representation
Personal portfolio website
- Host: GitHub
- URL: https://github.com/das-amlan/itsamlandas
- Owner: das-amlan
- Created: 2025-06-16T19:08:29.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-16T20:07:39.000Z (about 1 year ago)
- Last Synced: 2025-06-16T20:26:20.934Z (about 1 year ago)
- Topics: firebase, html, javascript, nextjs14, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://itsamlandas.vercel.app
- Size: 11.6 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio
This is my personal portfolio website, built with **Next.js**. The primary goal of this project is to showcase my skills, highlight my past projects, and provide a clear way for potential clients or collaborators to contact me.
## Overview
This website offers a clean, responsive, and easy-to-navigate interface. I chose Next.js for its excellent features like server-side rendering (SSR) and efficient routing, which contribute to a fast and modern user experience. Development was streamlined using the Firebase Studio environment. The site includes sections dedicated to my "About" information, a "Portfolio" of my work, and a "Contact" form.
## Tech Stack
This project is built using the following key technologies:
* **Next.js:** A React framework for building server-side rendered and static web applications. Chosen for its performance optimizations, routing capabilities, and developer-friendly features.
* **React:** A JavaScript library for building user interfaces. Provides a component-based architecture for building interactive and dynamic web pages.
* **TypeScript:** A typed superset of JavaScript that compiles to plain JavaScript. Enhances code maintainability, readability, and helps catch errors during development.
* **Tailwind CSS:** A utility-first CSS framework. Enables rapid styling and building responsive designs directly in the markup.
* **Firebase:** A platform for developing mobile and web applications. Specifically used here for deployment via **Firebase App Hosting**, which offers fast and secure hosting for Next.js applications.
## Getting Started
To get a copy of this project up and running on your local machine, follow these steps:
1. **Clone the repository:** Clone this repository to your local machine.
2. **Install dependencies:** Navigate to the project directory and run `npm install` or `yarn install`.
3. **Run the development server:** Start the development server with `npm run dev` or `yarn dev`.
4. **Explore the code:** Begin by examining the main page component at `/src/app/page.tsx` and explore other relevant files in the `src` directory to understand the project structure and components.