Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/awebcode/portfolio

Welcome to my portfolio repo! This project showcases my work as a Full Stack Developer, featuring real-time applications built with technologies like Next.js, React, TypeScript, Nest.js, and Medusa. Explore my projects, skills, and experiences in crafting scalable solutions and exceptional user interfaces. Feel free to contribute or reach out
https://github.com/awebcode/portfolio

best-portfolio mern-stack nextjs nextjs-portfolio-website portfolio portfolio-website postgresql prisma react react-portfolio top top-portfolio typescript

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/awebcode/portfolio
Owner: awebcode
Created: 2024-10-14T06:53:08.000Z (about 1 month ago)
Default Branch: master
Last Pushed: 2024-10-16T15:40:12.000Z (about 1 month ago)
Last Synced: 2024-10-16T17:40:41.899Z (about 1 month ago)
Topics: best-portfolio, mern-stack, nextjs, nextjs-portfolio-website, portfolio, portfolio-website, postgresql, prisma, react, react-portfolio, top, top-portfolio, typescript
Language: TypeScript
Homepage: https://asikur.vercel.app
Size: 28.6 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🚀 Asikur Rahman – Portfolio

**Live Demo:** [asikur.vercel.app](https://asikur.vercel.app)

Welcome to the source code of my **developer portfolio**, showcasing my projects, experience, and skills. This portfolio is built with modern web technologies to reflect my expertise as a **Full Stack web Developer**.

---

## 📑 Table of Contents
1. [About Me](#about-me)
2. [Features](#features)
3. [Technologies Used](#technologies-used)
4. [Project Structure](#project-structure)
5. [Setup & Installation](#setup--installation)
6. [Contributing](#contributing)
7. [License](#license)
8. [Contact](#contact)
9. [Future Improvements](#future-improvements)

---

## 👋 About Me
Hi, I’m **Asikur Rahaman**, a passionate and results-driven **Full Stack Developer** with over four years of experience in building **high-performance, real-time web applications** and **scalable backend systems**. My expertise lies in crafting seamless user experiences by combining modern **frontend frameworks** with efficient **backend architectures**.

I specialize in working with the latest technologies, including:
- **Frontend:** React.js, Next.js, Tailwind CSS, ShadCn, Framer Motion
- **Backend:** Node.js, Nest.js, Express.js, GraphQL
- **Database & ORM:** PostgreSQL, MongoDB, Prisma ORM, MySQL
- **CMS & eCommerce:** Payload CMS, Medusa, Shopify
- **Programming Languages:** JavaScript (ES6+), TypeScript
- **Authentication & APIs:** OAuth, JWT, REST, WebSockets
- **DevOps & Tools:** Docker, Git, GitHub, Vercel, Railway, Firebase
- **Testing:** Jest, Playwright, React Testing Library
- **CI/CD & Cloud:** Docker, GitHub Actions, Render, AWS

As an **agile developer**, I thrive in fast-paced, collaborative environments, whether working remotely with global teams or contributing to open-source projects. I’m proficient in **building microservices**, **real-time systems** using **Socket.io**, and developing dynamic, interactive UIs.

I’m constantly learning and exploring emerging technologies like **Server Components in Next.js**, **GraphQL APIs**, and **headless CMS integrations** to stay ahead of the curve. With a keen eye for **UI/UX design principles**, I enjoy building scalable, responsive, and pixel-perfect interfaces.

Whether it's architecting **complex eCommerce platforms**, integrating **third-party APIs**, or optimizing **server-side rendering (SSR)** for performance, I take pride in solving real-world problems through code.

I look forward to contributing to innovative projects, collaborating with talented teams, and helping organizations unlock their full potential through **modern web solutions**.

## ✨ Features
- **Modern UI** with animations powered by **Framer Motion**.
- **Server-rendered pages** using Next.js for better SEO and performance.
- **Responsive design**, optimized for desktop and mobile devices.
- **Real-time data fetching** using React Query and Firebase.
- **Medusa** integration for future eCommerce capabilities.

---

## 🛠️ Technologies Used
**Frontend:**
- Next.js, React, Tailwind CSS, ShadCn, Framer Motion

**Backend:**
- Next.js, Prisma ORM

**Database:**
- PostgreSQL

**Email**
- Resend

**File-Storage**
- Cloudinary

**Dev Tools:**
- Git, Docker, Vercel

---

# 🛠️ Setup & Installation
### Follow these steps to set up the project locally:

### Prerequisites
- Node.js (>= 20.x)
- Yarn (preferred) or npm
- Git installed

# Clone the repository
git clone https://github.com/awebcode/portfolio.git

# Navigate into the project folder
cd portfolio

# Install dependencies
yarn install

# Start the development server
yarn dev

# 📄 License
This project is licensed under the **MIT License** – see the [LICENSE](LICENSE) file for details.

---

# 📧 Contact
Feel free to reach out to me for collaboration or freelance work!

- **Email:** [[email protected]](mailto:[email protected])
- **LinkedIn:** [linkedin.com/in/awebcode](https://linkedin.com/in/awebcode)
- **Portfolio:** [asikur.vercel.app](https://asikur.vercel.app)

---

# 📈 Future Improvements
- **Integrate Medusa backend for eCommerce functionality.**
- **Add a blog section with markdown rendering.**
- **Implement a dark mode toggle.**
- **Deploy using a CI/CD pipeline for seamless updates.**

---

### Thank you for checking out my portfolio! If you found it helpful or inspiring, consider giving this repository a ⭐.

## 📁 Project Structure
```plaintext
/ -> Root folder
│
├── /public -> Static assets (images, icons)
├── /about -> Portfolio about (Home, About, Projects, Contact)
├── /components -> Reusable React components
/app
├── /styles -> CSS & Tailwind configuration
├── /lib -> Utility functions
├── /data -> Static data (projects, skills)
└── README.md -> Project documentation