𝗙𝗿𝗲𝘀𝗵𝗣𝗶𝗰𝗸 Web application

Wissal — Sun, 09 Jun 2024 22:58:34 +0000

🚀 𝗙𝗿𝗲𝘀𝗵𝗣𝗶𝗰𝗸: 𝗦𝗶𝗺𝗽𝗹𝗶𝗳𝘆𝗶𝗻𝗴 𝗚𝗿𝗼𝗰𝗲𝗿𝘆 𝗣𝗶𝗰𝗸𝘂𝗽𝘀 🚀

I'm thrilled to share FreshPick, a project I recently completed as part of the #ALXSE Program. FreshPick is a web application designed to streamline the process of ordering fresh groceries for pickup at your local store, supporting local farmers and providing fresh produce to customers conveniently.

📌 𝗣𝘂𝗿𝗽𝗼𝘀𝗲 𝗼𝗳 𝘁𝗵𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁

FreshPick was created to make it easier for people to order fresh, local produce online and pick it up at their convenience. Our goal was to support local farmers while providing a seamless shopping experience for users.

👥 𝗧𝗲𝗮𝗺 𝗠𝗲𝗺𝗯𝗲𝗿𝘀, 𝗥𝗼𝗹𝗲𝘀, 𝗮𝗻𝗱 𝗧𝗶𝗺𝗲𝗹𝗶𝗻𝗲

𝘖𝘶𝘳 𝘥𝘦𝘥𝘪𝘤𝘢𝘵𝘦𝘥 𝘵𝘦𝘢𝘮 𝘮𝘦𝘮𝘣𝘦𝘳𝘴 𝘪𝘯𝘤𝘭𝘶𝘥𝘦𝘥:

@khalil El Amraoui (Developer/Tester)
@soufiane Elmouajjeh (Tester/Designer)
Leknouch Wissal (Designer/Developer)

We developed the project over 7 weeks:

𝘞𝘦𝘦𝘬 1: Project proposal and approval
𝘞𝘦𝘦𝘬 2: MVP proposal and approval
𝘞𝘦𝘦𝘬 3: Trello board setup
𝘞𝘦𝘦𝘬𝘴 4-5: Development and progress updates
𝘞𝘦𝘦𝘬 6: Landing page deployment and presentation preparation
𝘞𝘦𝘦𝘬 7: Final presentation and blog post reflection

🎯 𝗧𝗮𝗿𝗴𝗲𝘁 𝗔𝘂𝗱𝗶𝗲𝗻𝗰𝗲

FreshPick was designed for busy individuals who prefer fresh, locally sourced produce and want to save time by ordering groceries online and picking them up at their convenience.

🌟 𝗜𝗻𝘀𝗽𝗶𝗿𝗮𝘁𝗶𝗼𝗻 𝗮𝗻𝗱 𝗣𝗲𝗿𝘀𝗼𝗻𝗮𝗹 𝗦𝘁𝗼𝗿𝘆

Our team's connection to fresh food and local produce inspired FreshPick. For me, the inspiration came from my childhood. Growing up in a bustling city, my family would visit the local farmers' market every weekend to buy fresh produce. This project brought back those memories and the joy of fresh food, motivating me to create something that would make it easier for others to access fresh, local produce.

🏆 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗔𝗰𝗰𝗼𝗺𝗽𝗹𝗶𝘀𝗵𝗺𝗲𝗻𝘁𝘀

We successfully created a fully functional web application that allows users to order groceries online for pickup. Key accomplishments include:

User-Friendly Design.
Real-Time Updates.
Real-Time Inventory Management.

💻 𝗧𝗲𝗰𝗵𝗻𝗼𝗹𝗼𝗴𝗶𝗲𝘀 𝗨𝘀𝗲𝗱

Frontend: HTML5, CSS3, JavaScript, and Tailwind CSS.
Backend: Python and Django with SQLite.
Deployment: Vercel for deployment and #Railway Postgres as a DataBase.

💬 𝗔𝗯𝗼𝘂𝘁 𝗠𝗲

I'm a software engineering student at #alx passionate about developing web applications that solve real-world problems. I enjoy working on projects that challenge me and help me grow my skills. Connect with me to learn more about my journey and future projects!

GitHub Project

Deployed Project

Landing Page

Visit my GitHub Profile

Feel free to reach out if you have any questions or feedback about FreshPick!

ALX #ALXSE #alx_morocco #ALX_Africa #DoHardThings #software #full_stack #coding

What Happens When You Type "google.com" in Your Browser and Press Enter?

Wissal — Sat, 13 Apr 2024 19:22:21 +0000

We use the internet daily for various needs. You open your browser, type www.google.com, and embark on a journey into another world. Have you ever wondered what happens between hitting "Enter" and seeing the results? In this article, we'll provide you with a close idea of how things work behind the scenes, covering a wide range of topics such as DNS requests, TCP/IP, Load-balancers, Firewalls, SSL, HTTP/HTTPS, Web and Application servers, and Databases.

DNS
Our journey begins with the Domain Name System (DNS) when you type "google.com" into your browser. DNS converts domain names like "google.com" into IP addresses, which are sequences of numbers used to identify computers. Each device connected to the internet has a unique IP address that other machines use to find it.

TCP/IP
Once the browser knows where to find www.google.com, it's time to establish a connection via TCP (Transmission Control Protocol) to access the requested website. TCP facilitates the transfer of data across the internet by sending packets across the network, ensuring the successful delivery of data and messages. If a packet isn't transferred properly, it gets resent, ensuring all data is complete and well delivered.

Firewall
Next, we have the Firewall, a security system that ensures only safe and authorized traffic is allowed through. It checks incoming packages to ensure they're safe, protecting your computer from potential threats.

HTTPS/SSL
HTTPS (HyperText Transfer Protocol Secure) is the secure version of HTTP. It employs TLS/SSL encryption over HTTP, crucial when users transmit sensitive data. HTTPS utilizes two different keys: the private key and the public key. When you type a website URL into your browser, it sends a request to the server using HTTP or HTTPS. The server then responds by sending the requested content back to your browser.

Load-balancer
Load balancers handle web traffic by distributing incoming network packets across several servers to avoid downtime. This ensures a seamless user experience, especially for high-traffic websites like google.com.

Web Server
Web servers house the web content that needs to be served. Their job is to find content corresponding to the website address requested and serve static elements (content that doesn't change) to your browser as an HTTP/HTTPS response.

Application Server
An Application Server can also serve HTTP content but isn't limited to just HTTP. It can provide support for other protocols such as RMI/RPC.application server is in charge of the logic, the interaction between the users and the displayed content. The application server is working in conjunction with the web server, where one displays and the other one interacts. Working with app servers, it serves dynamic content that changes based on user interactions.

Database
A database is a collection of data, and the database server is the program that interacts with the database to retrieve, add, or modify data. When your browser requests information, the application server interacts with the database, retrieves the required data, and sends it back. This data can include user information, search results, or any other dynamic content needed for the webpage.

In summary, the process goes from translating domain names to IP addresses (DNS) through establishing connections (TCP/IP), ensuring security (Firewall and HTTPS/SSL), managing traffic (Load-balancer), serving web content (Web Server and Application Server), and finally accessing and managing data (Database).

DEV Community: Wissal

𝗙𝗿𝗲𝘀𝗵𝗣𝗶𝗰𝗸 Web application

ALX #ALXSE #alx_morocco #ALX_Africa #DoHardThings #software #full_stack #coding

What Happens When You Type "google.com" in Your Browser and Press Enter?