About

About Me

I'm Shani, a dedicated Full-Stack Developer focusing on Front-End technologies, and building beautiful and functional websites! 😊

I hold a Bachelor's degree in Computer Science and have earned several certificates from various programming courses I have completed.

I'm specializing in MERN and PERN stack (React, Node.js, MongoDB/ PostgreSQL, Express.js), JavaScript, React-Bootstrap, HTML, and CSS. 🏆

I am passionate about doing my best, pushing my limits, and maximizing my abilities! I am a curious person, love conquering goals, overcoming challenges, and continuously seeking development and growth! I love exploring and learning new things every day, especially in my field, and aspire to be as professional as I can.

I started my journey in code at the age of 15, when I studied Pascal, C#, and Java in high school. I loved and was fascinated even then by the challenge, the new language, and the innovation that existed in this field, and the thrill of learning new things.

I like to maintain a healthy lifestyle, which allows me to maximize my abilities, feel the best, live with high vitality, and improves overall well-being.

Follow me on my GitHub, to see all my projects, and essential information I've written. And feel free to contact me on LinkedIn and connect!📧

  • Name: Shani Bider
  • Email: shanibider@gmail.com
  • Fun Facts: 🖥️ My coding journey started at the age of 15, when I developed a passion for coding in Java, C#, and Pascal.
  • 📈 I thrive on self-development.
  • 🏞️ I prioritize healthy and nourishing eating, wellness and fitness.
`

Projects

My Projects

Hover over each project to explore details and visit its website. Note: Projects hosted on Render may take a few seconds to load. 🕒

◻ Click the title for the GitHub repository and the subtitle for the live demo.
◻ For demo purchase on Anastacia E-commerce store, use the demo PayPal credentials for a complete shopping experience: ◽ Username: sb-gt6zp25024137@personal.example.com ◽ Password: W=Flx8z

Anastacia MERN E-commerce Clothing Store

Explore the live website
Fullstack E-commerce Website, features user authentication and authorization, shopping cart, order processes, reviews, and Admin functionalities, such as order history, creation, editing, and deletion of products, and real-time metrics (registered users, order count, total money orders).

Tech: MERN stack (MongoDB, Express.js, React, Node.js), advanced React-based architecture (Redux, Hooks, Routing, React-Bootstrap), PayPal API, Firebase, TablePlus and pgAdmin4 for database management, and Render for cloud hosting.

PostgreSQL Todo List

Explore the App preview Website
Todo List application built using PostgreSQL as the database. Users can add, delete, update, and mark tasks as completed.
Tech: PostgreSQL, PgAdmin, TablePlus, Node.js, Express, JavaScript, EJS templating, Bootstrap, HTML5, CSS3, Render.
CRUD Web Development

Innovate Digital Solutions

Innovate Digital Solutions Business Website.
Tech: CSS, HTML, JavaScript.
Web Development

PostgreSQL - Blog Web Application

Explore the live website
This project develop using PostgreSQL database, Node.js, Express, and EJS templating to create a dynamic and responsive CRUD (Create, Read, Update, Delete) application. Managed data with pgAdmin (local) and TablePlus (production). Hosted on Render Cloud Hosting.
Tech: PostgreSQL, Node.js, Express, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
CRUD PostgreSQL Web Development

PostgreSQL Family Travel Tracker

Explore the live website
Using Node.js and express in the backend, pgAdmin, management tool for PostgreSQL DB, for local development, TablePlus, Database Management Tool, for production, and Render, Cloud hosting service, for deploying the project.
Tech: PostgreSQL, Express, Node.js, JavaScript, and EJS. Managed data with pgAdmin (local) and TablePlus (production). Hosted on Render.
CRUD PostgreSQL Web Development

Full-Stack MERN Notes App

Explore the live website
Full-Stack MERN Notes application utilizes the MERN stack to provide a robust and scalable solution for managing notes.
Tech: MERN stack - MongoDB atlas, Express, React, Node.js, vite.
MERN-Stack Web Development

React ToDo List

Explore the live website
A simple ToDo List application, utilizes several key React concepts for managing state, component composition, and event handling. Built using: React, and Vite.js.
Tech: React, vite, JavaScript.
React Web Development

Full-Stack MERN Employee Database Application

Explore the live website
Manage an employee database efficiently, using MongoDB Atlas database, with client and server architecture.
Tech: MongoDB, Express.js, React, and Node.js (MERN stack), Vite.js
Full-Stack MERN Stack

World Capital Quiz

Explore the live website
>Using Node.js and express in the backend, pgAdmin, management tool for PostgreSQL DB, for local development, TablePlus, Database Management Tool, for production, and Render, Cloud hosting service, for deploying the project.
Tech: Node.js, Express.js, PostgreSQL, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
CRUD Web Development

Flag Quiz

Explore the live website
* Hints are provided in GitHub Repository to help users guess the country's flag. 🤐 Using Node.js and express in the backend, pgAdmin, management tool for PostgreSQL DB, for local development, TablePlus, Database Management Tool, for production, and Render, Cloud hosting service, for deploying the project.
Tech: Node.js, Express.js, PostgreSQL, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
CRUD Web Development

Web Development Bootcamp Hub

Showcase of Web Projects completed during 'The Complete Web Development Bootcamp' course on Udemy. Demonstrating proficiency in front-end and back-end creations.
Tech: Web Development Fundamentals, HTML5, CSS3, Flexbox, Grid, Bootstrap, Web Design, DOM, JavaScript ES6, React.js, Node.js, Express.js, APIs, EJS, SQL, PostgreSQL, Deployment, Authentication and Security.
Frontend and Backend Web Development

Weather Checker

Explore the live website
RESTful API built using Node.js, Express, JavaScript, EJS, providing real-time weather data from the OpenWeatherMap API.
Tech: Node.js, Express.js, Public API, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
CRUD Web Development

Node.js Multi-Level Authentication

Explore the live website
Multi-level authentication app building using Node.js-Express, and PostgreSQL, features diffrent levels of Authentication: basic Authentication, hashing and Session authentication using bcryptjs, and Google OAuth 2.0 Authentication using Passport.js.
Tech: PostgreSQL, pgAdmin, TablePlus, Node.js, Express.js, API, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
Node.js Web Development

Node.js Mailchimp API - users Signup

Explore the live website
Node.js Express application for handling users signups using Mailchimp API, for manage users/ clients. Host on Render Cloud Hosting. Features Subscription form, email validation, Mailchimp API integration.
Node.js, Express.js, API, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
Node.js API Web Development

React Scores

Explore the live website
A score management application featuring forms, tables, and logical sorting, built with React.
Tech: React, vite.js, React-Hooks.
React Web Development

React Investment Calculator

Explore the live website
A score management application featuring forms, tables, and logical sorting, built with React.
Tech: React, vite.js, React-Hooks.
React Web Development

React Tic-Tac-Toe

Explore the live website
Node.js blog application that runs two servers synchronously, developed using Node.js, Express.js, JavaScript, and EJS templating engine.
Tech: Node.js, Express.js, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
Client-Server Web Development

My WishList React E-commerce Website

Explore the live website
Tic-Tac-Toe web application built using React and Vite, focusing on key React concepts and architecture.
Tech: React, vite.js, React-Hooks.
React Web Development

ReactiveCommerce - Aesthetic Ecommerce Website

Explore the live website
React Ecommerce mall application featuring advanced routing, state management, and a component-based architecture. Includes a Home page, categories, and a shopping cart.
Tech: React, React-Hooks, React-Router, component-based architecture, React-Bootstrap, JavaScript.
React Web Development

Wallety - Android Expense Tracker App

Explore the App preview Website
Developed using Java, Android Studio, JavaScript, Node.js, Firebase, and MVVM pattern.
Key functionalities include expense tracking, money transfers, task-based rewards system, and goal-oriented savings tracking.

Tech: Java, Android Studio, JavaScript, Node.js, and Firebase.
Mobile Development

My Recipe Book - Android Recipe Organizer and Sharing App

Java-based Android app mastered Real-time data storage, secure Firebase authentication, MVVM architecture, and utilized external API.
Serves as a centralized hub for users to store and categorize their favorite recipe.

Tech: Java, Android Studio, Firebase Database.
Mobile Development

Nodejs Blog

Explore the live website
Node.js blog application that runs two servers synchronously, developed using Node.js, Express.js, JavaScript, and EJS templating engine.
Tech: Node.js, Express.js, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
Client-Server Web Development

Secrets Generator

Explore the live website

Tech: Node.js, Express.js, API, JavaScript, EJS templating, Bootstrap, CSS3, HTML5.
Web Development

Wallety App Preview

Explore the live website
Secrets Generator website using Node.js, Express, and EJS to fetch and display unique secrets from a public API.
Tech: Node.js, express, public API, JavaScript.
Client-Server Web Development

Basic Bootstrap Website

Explore the live website

Tech: JavaScript, HTML5, CSS3, Bootstrap.
Frontend Web Development

Course Projects

Projects from Udemy Course

Here are some smaller projects I developed as part of my Web Development Bootcamp Udemy course. These projects helped me practice various development skills.
View all course projects on GitHub

Random Activity Generator
Backend Project
API Taco Recipes
Backend Project
Band Generator
Backend Project
Tindog
Frontend Project
My Personal Website
Frontend Project
Simon Game
Frontend Project
Drum Kit
Frontend Project
Dice Challenge
Frontend Project
HTML Only Online Resume
Frontend Project

Developing Tools

Developing Tools

My personal insights on important code fundamentals.
Each link below directs you to my informative GitHub Repository,
where you can discover a lot of valuable insights to elevate your coding skills!

Certificates

Certificates

Discover my knowledge and skills I've acquired through this Courses!

Certificate Image

The Complete 2024 Web Development Bootcamp

Extensive Front-End and Back-End Development Bootcamp. Focusing on JavaScript ES6 ,React.js, Node.js, Express.js, APIs, EJS-tamplating, SQL, PostgreSQL, authentication, Postman, Web3, DApps, HTML5, CSS3, Grid, Flexbox, BootStrap, and DOM. through a 62-hour extensive Udemy course.

Certificate Image

Java Fundamentals

Java Fundamentals, focusing on Java basics, Object-Oriented Programming principles, and Data Structures, for a strong foundation in Java programming.

Certificate Image

React - The Complete Guide 2024 (incl. Next.js, Redux)

Currently enrolled in this extensive 68 hours course that covers React, Hooks, Redux, React Router, Next.js, React's Context API, and more. Includes 37 coding exercises, assignments, focusing on practical skills and practices.

Resume

Resume

Welcome to my resume! Feel free to explore my latest resume!

2019-2022

Private Mathematics Tutor

Deliver tailored Mathematics tutoring to prepare students for final exams, assessing individual learning styles and implementing customized teaching methods to optimize comprehension and academic success.

2017-2019

Accounting Referent

Tel Aviv, Clal Insurance

Managing redemptions of pension and retirement funds. My role ensures data accuracy, seamless transactions, and compliance with regulatory standards.
Awarded an international trip in appreciation of contributions to organizational success.

2011-2013

Data Communication, encryption and decryption Operator at The C4I Corps, IDF

Camp Yitzhak, Golan Heights, Israel Defense Forces

Highly classified role, responsible for regular operation of data communication, encryption, and decryption of classified information, while activating data encryption devices, and establishing and troubleshooting data networks.

Services

Services

I specialize in creating high-quality websites, whether it's a landing page, a corporate site, or an eCommerce platform. I transform your ideas into functional, effective, and visually appealing products. Let's collaborate to achieve your goals and bring your vision to life! 🚀

Skills

My Skills

Explore my skill set focusing on web development, tailored to deliver perfect solutions for your digital projects.

Front-End Web Development

100%

Back-End Web Development

95%

JavaScript

95%

MERN stack (React, Node.js, MongoDB, Express.js)

100%

Database Management (postgreSQL, MongoDB, Firebase)

100%

HTML5 & CSS3

100%

Responsive Web Design

95%

Mobile App Development (Android)

95%

I'm Available for freelancing

I'm ready to help!
Check out my freelance services where I specialize in:
1. Creating Landing Page websites, to showcase your brand.
2. Developing Sample Websites, to display your work effectively.
3. Building E-commerce websites, to help you sell your products online with ease.

Hire me

Blog

MY Blog

Welcome to my collection of blog posts, where I'm excited to share a little peek into my world of wellness, workouts, technology and beyond. Offering insights and inspiration for a balanced and fulfilling life. Let's dive in!

Admin 0

Embracing a Healthy Lifestyle and Fitness Journey

In a world that constantly demands our attention, maintaining a healthy lifestyle has become more crucial than ever. I realized the importance of taking care of my body and mind.

02.01.2024 Admin 1

My Computer Science Degree Journey and Love for Web Development Code

From the first line of code I wrote, I knew that my journey into the area of computer science and web development would be an extraordinary one.

01.10.2023 Admin 0

Building Body and Soul: The Transformative Power of Joyful Weight Training for Mind, Body, and Spirit

Explore the holistic benefits of weight training beyond physical fitness, as we delve into how this exhilarating activity nurtures the mind, invigorates the soul, and builds character.

01.10.2023 Admin 0

My Athletic Journey: From Ballet to Bodybuilding

Join me on a journey from ballet to weightlifting as I share how my passion for movement has shaped my life both inside and outside the gym! 🩰💪

25.03.2024 Admin 0

Mastering the MERN Stack: Crafting Dynamic Web Applications from Front to Back

Explore the MERN stack's architecture, folder structure, key concepts, and React features to build powerful full stack web applications. 👩🏼‍💻

Contact

Contact Me

If you're interested in my services or have any questions, feel free to reach out! 😊
I'm available to discuss your requirements and provide assistance. You can contact me directly through social media or by sending a message here. I look forward to hearing from you!