DEV Community: Abdulrahman Olalekan

Phoenix Store ( Ecommerce Store Built with MongoDB, React.JS, Express and Node.js)

Abdulrahman Olalekan — Wed, 12 Jan 2022 21:42:28 +0000

Overview of My Submission

Below is the project link to the Github repository
phoenix_Repo

Submission Category:

E-Commerce Creation

Link to Code

Please click the below link to access the E-Commerce platform
Phoenix Store

Additional Resources / Info

Below are some screenshots from the platform

Landing Page

Product Category Page

Search Result

Back Order for Out-of-Stock items

Products Review and Related Products

The name of the project's contributor is included below.
@tylerjusfly

Path Aliases in Next.js

Abdulrahman Olalekan — Sun, 09 Jan 2022 21:45:27 +0000

I recently started learning Next.js and used path aliases in a project, and guess what? It significantly improves the quality of my code. Are you curious as to how this is possible? Let me show you how it's done...

What is the problem? "Relative Path Hell"
Typing paths is time-consuming and error-prone and it can be complicated at times. Even with code completion capabilities like IntelliSense (which is supported by practically every IDE or text editor), as your codebase expands, this might become increasingly difficult.

Here's an example of a relative path that requires accessing many path levels when attempting to import.

How can we solve this?
Shortening our import paths, which can be accomplished via "Path Aliases," can make things a little easier.

How can we build up path aliases in a project that is structured like this?

To make use of path alias, create a "jsconfig.json" file or ("tsconfig.json" if using typescript) in the project root and configure it as shown below.

What next?
There's nothing further to set up; you can now use path aliases in your application while importing.

In conclusion, every update to the "json" file necessitates a server restart.

I would like to connect with you.
LinkedIn Github Twitter

My Goals for HNGi8 Internship

Abdulrahman Olalekan — Mon, 16 Aug 2021 06:22:42 +0000

I'm Abdulrahman, a front end web developer, and I'll be taking part in the HNGi8 internship. It has always been a desire of mine since the beginning of my tech career to be a participant at some point in the future.

What is HNG internship?
HNG internship is a three-month remote program aimed at identifying and developing the best software developers. It is not intended for beginners, although novices are welcome to participate; nonetheless, the organizers will assume that you are familiar with coding. If you wish to join or know more about this program, check out their site here.

I'm writing this article to track my progress and to establish my goals for this internship.

My goals for this internship are highlighted below;

Enhance my problem-solving abilities.
To meet and network with like-minded developers.
Improve my coding abilities.
Develop the skills I'll need to ace technical interviews and improve my chances of landing a job.

If you're a beginner and interested in learning about web development. Here are some resources that will undoubtedly be beneficial to you:

Figma: Figma is a web-based graphics editing and user interface design app. You can use it to do all kinds of graphic design work from wire framing websites, designing mobile app interfaces, prototyping designs, crafting social media posts, and everything in between. Click here to learn Figma

GIT: Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Click here to learn Git

HTML: HTML is the standard markup language for documents designed to be displayed in a web browser. Click here to learn HTML

JavaScript: JavaScript is a scripting or programming language that allows you to implement complex features on web pages. Click here to learn JavaScript