Hello, I’m
, a proficient front-end web developer specializing in JavaScrip Next.js, Redux, CSS, HTML, and Firebase. Welcome to my portfolio where innovation meets design.
let me show you...
Hi, I'm Takieddine Dilmi, a front end web developer with proven experience in creating beautiful and responsive websites. I specialize in Next.js, a React framework that enables fast and SEO-friendly web development. I also have strong skills in JavaScript, HTML, CSS, and Tailwind, a utility-first CSS framework that helps me design stunning layouts. I'm passionate about learning new technologies and best practices, and I always strive to deliver high-quality code and user experience. Whether you need a landing page, a blog, an e-commerce site, or anything in between, I can help you turn your vision into reality.
Used and Learned
Pebble Work is a capstone project that showcases my skills and creativity as a web developer including a global chat for users. I used Next.js, Firebase, i18next, MaterialUI, Tailwind, and VanillaCSS to create a responsive and dynamic website that supports multiple languages and animations. It is a platform that connects volunteers and organizers, allowing them to find and work on projects that are aligned with the 17 Sustainable Development Goals (SDGs). I worked with a team of five to create this project, and I was responsible for the front-end development. We communicated and coordinated with each other using Discord, GitHub, and Zoom, and we followed the agile methodology and the Git flow. I also added tests and snapshots to the components using Jest, and used Git action as my deployment tool. I'm proud of this project because it demonstrates my ability to create a full-stack web application that contributes to a better and more sustainable future for all.
Used and Learned
Sougna is an e-commerce project that I created with five other team members as part of our web development course. It is a platform that provides a seamless online shopping experience for users and a convenient product management and order processing system for the admin. We used NextJs, Firebase, Redux and Stripe to build this project. We also implemented user authentication and registration, product catalog with search and filtering options, shopping cart functionality, secure payment processing, user reviews and ratings, and admin dashboard for managing products and orders. We made sure that the website is responsive and accessible on various devices, and we added some animations and transitions to enhance the user interface. I was responsible for the front-end development and the user interface design, and I used Next.js, Tailwind, and other technologies to create a modern and elegant website. I was also honored to lead this team for a week, and I coordinated the tasks, deadlines, and feedback among the team members. We communicated and collaborated with each other using GitHub, Discord, and Zoom, and we deployed the website on Vercel. I'm proud of this project because it demonstrates my ability to create a full-stack web application that solves a real-world problem and provides a great user experience.
Used and Learned
I created my own MadLibs game with five other team members using HTML, CSS, and JS. We wrote a story with some words replaced by blanks that indicate the part of speech, such as nouns, verbs, adjectives, etc. We used regular expressions to find and replace the blanks in our story with inputs, and we showed two copies of the story: one in the edit view, where the players can fill in the inputs, and one in the preview, where the players can see the completed story. We also added some features, such as hotkeys, constraining user inputs, and live update. I was responsible for the front-end development and the user interface design, and I used HTML, CSS, and JS to create a fun and interactive web page. I was also the team leader for a week, and I coordinated the tasks, deadlines, and feedback among the team members. We communicated and collaborated with each other using GitHub, Discord, and Zoom, and we deployed our web page on GitHub Pages. I'm proud of this project because it demonstrates my ability to create a fun and interactive web application that uses HTML, CSS, and JS in unison.
Used and Learned
I created a movie project with five other team members using Next.js, DaisyUI, Tailwind, and an API. It is a platform that allows users to browse and discover movies from different genres, years, and ratings. We used Next.js to create a fast and dynamic website that supports server-side rendering and static site generation. We used DaisyUI and Tailwind to style our website and make it responsive and attractive. We used an API to fetch data from a movie database and display it on our website. We also implemented semantic tags to improve the accessibility and SEO of our website. I was responsible for the front-end development and the user interface design, and I used Next.js, DaisyUI, and Tailwind to create a modern and elegant website. We communicated and collaborated with each other using GitHub, Discord, and Zoom, and we deployed our website on Vercel. I'm proud of this project because it demonstrates my ability to create a full-stack web application that uses Next.js, Daisy UI, Tailwind, and an API in unison.
Used and Learned
Little Lemon Booking Website is a capstone project that I created during Meta's Coursera Front-End Development course. It is a platform that allows users to book rooms and services from the Little Lemon restaurant. I used React to create a fast and dynamic website that supports user authentication, booking confirmation, and payment processing. I also used pure CSS to style my website and make it responsive and attractive. I followed the best practices of front-end development, such as using semantic tags, responsive design, and accessibility features. I worked on this project fully alone, and I learned a lot from the experience. I'm proud of this project because it demonstrates my ability to create a full-stack web application that uses React and pure CSS in unison.
Used and Learned