I'm excited to introduce you to my digital space, a dynamic showcase that serves as both my resume and a curated collection of my work. Designed with a perfect blend of minimalism and vibrancy, my portfolio not only highlights my projects but also provides a glimpse into my skills, employment history, and overall journey in the world of technology.
- Dark and Light Mode: Seamlessly switch between dark and light themes to enhance your viewing experience.
- Framer Motion Animations: Enjoy smooth and captivating animations powered by Framer Motion, especially crafted for scrolling through my projects and navigating the site.
- Interactive Header: Watch as key information elegantly pops up in the header, creating a visually appealing introduction to my portfolio.
- Design Aesthetic: The design philosophy of my portfolio revolves around a clean, minimalistic layout with a touch of vibrancy. Striking a balance between simplicity and visual appeal, the design ensures a pleasant and engaging exploration of my professional journey.
Technological Stack:
- Built with the latest technologies, my portfolio leverages the power of:
- Next.js and React: Providing a robust and efficient framework for a seamless user experience.
- Typescript: Enhancing code quality and maintainability.
- Tailwind CSS: Delivering a responsive and stylish design.
- Context API: Managing state with efficiency.
- Framer Motion: Bringing life to the user interface through captivating animations.
- React Email, Resend: Ensuring a reliable and secure contact experience.
- Overcoming Challenges: Building this portfolio wasn't without its challenges. Overcoming limitations in Firefox and addressing display issues in Chrome are just few examples. The result is a website that not only looks great but performs flawlessly across different browsers.
I'm not stopping here. My next venture involves building the full-stack EvolVMe app, diving deeper into the functionalities of Next.js and React. Stay tuned for more exciting updates and innovative projects.
Thank you for visiting my portfolio. Feel free to explore, and if you have any questions or feedback, don't hesitate to get in touch. The app can be tested here : https://adrian-ciubucciu.vercel.app/
In this project I've learned and practiced :
- Typescript
- Tailwind CSS
- Next.js 13 App Folder Structure
- Next.js 13 Client Components vs Server Components
- Latest Next.js 13 features
- Next.js App Router
- Next.js Server Actions
- Client & Server Components
- Context API
- Advanced Animations with Framer Motion
- React.Email & Resend
- Custom React hooks
- Fresh, modern UI design
- Light & Dark mode
- Responsive website
- How to use Vercel for application deployment
- Optimize Metadata and SEO
- Maintain a well-organized file and folder structure.
- Embrace the principles of writing clean code.
## Installation
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.