Full-stack
Developer.

Hi, I am a Full-stack Developer, i can build responsive websites with an optimal User Experience that achieves your business goals and your customer desire!

Wed Jul 17 2024 | I am available

#ABOUT_ME

Hello and Welcome! I am Taki Snani, Med School Student & MERN Full-stack Developer located in Algeria, I am interested about Web development, I started my journey with FE Development back in October 2021, July 2022 i started Learning Back-End Development using NodeJS Here are few Technologies i have been working with recently:

  • Javascript (ES6+)

  • React Js (Next Js)

  • Typescript (TS)

  • Tailwindcss

  • Node JS (Express)

If You need a Developer for your project, Than i may be the Developer you're looking for!. If so let's make something Special!

#MY_SKILLS

Javascript

JavaScript (ES6+)

TypeScript

TypeScript (TS)

React JS

React Js

Next JS

Next JS

SASS | SCSS

SASS | SCSS

Tailwindcss

TailwindCSS

GitHub

GitHub

Node JS

Node JS

Express JS

Express JS

Mango DB

MangoDB

Mango DB

Redux toolkit and RTK Query

Mango DB

Material UI

#PROJECTS I'VE BUILT

01.Groceries App

Features:
Shopping cart, Find Liked Items, Products with discount and end time, Newsletter registration with custom discount.

Description:
A small e-commerce groceries website with a mock DATA that provides various types of groceries, many products are available, we provide a shopping cart and a liked products page to help you save your favorite groceries.Login and a register page are provided to allow you register and add like some products and add them to your shopping cart

Role: Helping customers find & buy their favorite groceries

  • React Js (Next Js)
  • Tailwindcss
  • MongoDB
  • Express
Groceries AppGroceries App

02.Clothes e-commerce website

Features:
Reveal animations, Modal routing, Search bar with filters, Fully responsive

Description:
Man clothes e-commerce website built using Reactjs, React Router Typescript, Tailwindcss. Currently this project is only Front-end but, This project has multiple pages, Page to add product for sellers, and other page to edit already added products, login and registration page, in multiple cases user will forget their passwords, so I added Forgot password page that has email input to sent resetCode, also has resetCode password to enter the sent code, and create new password code that requires two inputs: Password & confirmPassword. I have also provided this project with an awesome 404 page, Products page and single product page.

Role: You can use this website to: browse, buy & sell products

  • React js
  • Typescript
  • Tailwindcss
  • React Router
  • Node js
  • Express js
  • MongoDB
Clothes e-commerce websiteClothes e-commerce website

03.Custom client request: Dining Tables e-commerce website (desktop version)

Features:
Fully responsive, multiple sliders, filters, multiple modals

Description:
Dining tables e-commerce website with multiple pages, Home page, checkout, payment-process, account, shopping list, cart, single product page, This project is only the front-end part of the website

Role: Browsing, buying dining tables

  • React js
  • Next js
  • Tailwindcss
Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)Custom client request: Dining Tables e-commerce website (desktop version)

04.Custom client request: Dining Tables e-commerce website (mobile version)

Features:
Fully responsive, multiple sliders, filters, multiple modals

Description:
Dining tables e-commerce website with multiple pages, Home page, checkout, payment-process, account, shopping list, cart, single product page, This project is only the front-end part of the website

Role: Browsing, buying dining tables

  • React js
  • Next js
  • Tailwindcss
Custom client request: Dining Tables e-commerce website (mobile version)Custom client request: Dining Tables e-commerce website (mobile version)Custom client request: Dining Tables e-commerce website (mobile version)Custom client request: Dining Tables e-commerce website (mobile version)

05.Handmade ceramics e-commerce website

Features:
Multiple pages, Multiple filters: Price range slider, search keywords, sort methods, fully responsive

Description:
Man clothes e-commerce website built using Reactjs, React Router Typescript, Tailwindcss. Currently this project is only Front-end but (I will add the backend soon), This project has multiple pages, Page to add product for sellers, and other page to edit already added products, login and registration page, in multiple cases user will forget their passwords, so I added Forgot password page that has email input to sent resetCode, also has resetCode password to enter the sent code, and create new password code that requires two inputs: Password & confirmPassword. I have also provided this project with an awesome 404 page, Products page and single product page.

Role: You can use this website to: browse, buy handmade ceramics

  • React js
  • Tailwindcss
  • Next js
Handmade ceramics e-commerce websiteHandmade ceramics e-commerce websiteHandmade ceramics e-commerce websiteHandmade ceramics e-commerce website

06.Image gallery website

Features:
Portals, Modal routing, Like, collect, download and upload pictures

Description:
This project built using React js, Next js, Typescript, Tailwindcss. This Project comes up with multiple pages: Homepage which contains all the pictures posted and searchbar section to search products, Picture page where you can like, collect & download picture, see picture infos and share it to Facebook, tumblr, pinterest, twitter, linkedIn or you can just copy its link with copy button, you can also follow its creator, see related pictures and related topics, Creator page where you can see some related stats of the creator and a button to follow the creator (replaced by edit profile if you are the creator himself), Edit page which contains few settings to change: Name, social links, bio, profile picture..., upload page that allow REGISTERED users to upload pictures, Login and registration page, Reset Password page and 404 page

Role: Browse hundreds of High-Quality pictures, upload pictures, follow creators

  • React js
  • Next js
  • Typescript
  • Tailwindcss
  • Node js
  • Express js
  • MongoDB
Image gallery websiteImage gallery websiteImage gallery website

07.E-Book App

Features:
Browsing Books In various categories, Filterable Search bar to get special Books, Toggle theme Settings

Description:
A small E-Books website (Only Front-end) provides multiple books in various categories: Popular, Trends, Just Landing..., Books authors and some of their releases, A Search Bar with filters :Category, Release date, author..., Appearance Settings that can apply using DB: Dark/Light/System preferences Themes, color palette...

Role: Helping readers and authors read, write, Books in various categories

  • React Js (Next Js)
  • Tailwindcss
E-Book AppE-Book App

08.Quiz App

Features:
Multiple quizzes in different Categories, Get your score and share it to tweeter

Description:
A small quiz app made using react, Just type your name and start the game. The game come with multiple categories: Medical, History...., every category has 10 question, 4 suggestions per question and just one suggestion is correct, every question takes 10 seconds, and you get your score out of 10 in the end.

Role: Test your knowledge in various categories with simple questions

  • React js
Quiz AppQuiz App

09.Weather Forecast App

Features:
Get and save your location, get today forecast conditions: Temperature, wind & humidity, and the next 6 days temperature.

Description:
A Vanilla JS app made using openWeatherAPI, Allow you to get your home (saved) location's weather conditions: today's temperature in both Fahrenheit and Degree Celsius, min and max temp, wind speed in both mph and m/s, humidity and current status (cloudy, sun...), Also you get next six days min and max temperatures in both mph and m/s. You can change metrics, refresh the current conditions, get your location (if you allow), and save your home location.

Role: Helping people get their locations weather conditions.

  • Javascript
  • SASS (SCSS)
  • HTML
Weather Forecast AppWeather Forecast App

10.Landing page

Features:
Reveal animations, Intersection observer that changes navbar links color, pagination swiper

Description:
This landing page made using React js, Next js, Typescript and Tailwindcss. Has multiple sections, Header adn footer and a nav bar inside the header

Role: Landing page to represent your website

  • React js
  • Next js
  • Tailwindcss
  • Typescript
Landing pageLanding page

11.Landing page

Features:
Reveal animations, Intersection observer that changes navbar links color, pagination swiper

Description:
This landing page made using React js, Next js, Typescript and Tailwindcss. Has multiple sections, Header adn footer and a nav bar inside the header

Role: Landing page to represent your website

  • React js
  • Next js
  • Tailwindcss
  • Typescript
Landing pageLanding page

12.Shaif's Cuisine App

Features:
Book Foods with booking table, Also Booking for events.

Description:
A Cuisine website made using HTML, CSS and Vanilla JS, With 5 pages, Home page, Menu page, About page, Contact page and Booking table page

Role: Helping customers buying Foods for events

  • HTML
  • CSS
  • Javascript
Shaif's Cuisine AppShaif's Cuisine App

13.Personal template website

Features:
Multiple sections, great animations

Description:
A small project to improve my css

Role: Multiple sections, great animations

  • HTML
  • CSS
Personal template websitePersonal template website

#CONTACT

Contact me

I am interested in freelance or remote jobs opportunities, but if you have any suggestion, question or request don't hesitate to Contact me

Send Message