Rayel

I’m a passionate developer with experience in building dynamic, user-friendly websites. With a strong foundation in programming, data structures, and web development, I specialize in crafting high-performance websites and applications. My goal is to blend creativity with technology to develop innovative digital solutions.

### **Education**

**Concordia University, Montreal** *Bachelor of Computer Science* (In Progress) Relevant Courses:

*   Web Programming, Databases, Data Structures & Algorithms, Operating Systems, Theoretical Computer Science, Probability & Statistics, Formal Methods, Marketing & Management.

### **Experience**

#### **Freelance Web Developer** (2019 – Present)

*   Designed and developed websites for small businesses, improving online visibility.

*   Created custom logos, social media branding, and digital marketing strategies.

*   Managed hosting, domains, and WordPress, Shopify, and Magento-based sites.

### **Technical Skills**

*   **Programming:** Java (OOP), JavaScript, HTML/CSS, SQL, Python

*   **Web Development:** WordPress, Shopify, Magento, React (learning)

*   **Database Management:** MySQL, Firebase

*   **Hosting & Domains:** Website Deployment & Maintenance

*   **Marketing & Business:** Google Ads, Social Media Marketing, SEO







I’m Rayel, a Computer Science student at Concordia.

KeyUnit is a license management platform developed as a group project for Concordia University's SOEN 287 Web Programming course. The application leverages JavaScript for dynamic client-side interactions and Firebase for real-time database management and user authentication

**Project Overview**

KeyUnit serves as a centralized solution for both clients and software providers to manage software licenses effectively. Clients can associate, manage, and acquire licenses, while software providers can handle client accounts, generate secure serial numbers, and send notifications.

**Features**

*   **For Clients:**

    *   **Associate Licenses:** Link purchased licenses to user accounts.

    *   **Manage Licenses:** View and manage active licenses.

    *   **Acquire Licenses:** Purchase new licenses through the platform.

    *   **Personal Account:** Maintain a personalized dashboard for license management.

*   **For Software Providers:**

    *   **Manage Clients:** Oversee client accounts and their associated licenses.

    *   **Generate Serial Numbers:** Create secure serial numbers for software activation.

    *   **Manage Serial Numbers:** Track and manage issued serial numbers.

    *   **Send Notifications:** Communicate updates and alerts to clients.

**Technical Implementation**

The project utilizes JavaScript to create an interactive user interface, enhancing user experience through dynamic content updates. Firebase serves as the backend, providing a real-time database for storing license information and user data, along with Firebase Authentication to secure user accounts.

<https://keyunit.netlify.app/>



Vita Bella Montreal is an online store specializing in natural and organic fresh food delivery in Montreal. For this project, I developed a user-friendly e-commerce website using WordPress, integrating a custom cart shopping system for seamless online shopping experience.

The website offers a variety of fresh produce, including fruits, vegetables, and other organic products, delivered directly to customers' homes, offices, or businesses. Customers can browse the product catalogue, add items to their cart, and complete purchases through a secure checkout process.

**Features**

*   **Product Catalog:** Displays a wide range of natural and organic products with detailed descriptions and pricing.

*   **Shopping Cart:** Allows customers to add products, view cart contents, and proceed to checkout.

*   **Secure Checkout:** Facilitates safe and efficient order processing.

*   **Delivery Zones:** Provides information on delivery areas to ensure service availability.

*   **Special Offers:** Highlights weekly specials and promotions to engage customers.

**Technical Implementation**

The website was developed using WordPress, a versatile content management system, to ensure ease of use and scalability. A customer cart shopping system was integrated to manage product selections and facilitate secure transactions.

**Project Pages**

*   **Home:** Introduces Vita Bella Montreal and its offerings.

*   **Order Now:** Directs customers to the product catalogue for shopping.

*   **Delivery Zones:** Informs customers about service areas.

*   **How It Works:** Explains the ordering and delivery process.

*   **Contact:** Provides contact information and customer support.

*   **About Us:** Shares the company's mission and values.

*   **Français:** Offers a French language option for bilingual accessibility.

For more information or to experience the platform, visit [Vita Bella Montreal](https://vitabellamontreal.ca/).





Vita Bella Montreal - Ecommerce

KeyUnit: License Management Software

I developed a corporate website using WordPress, incorporating custom CSS and HTML to create a responsive and visually appealing design. In addition to website development, I managed Google Ads campaigns to enhance online visibility

For Envirospec Inc., I developed a corporate website using WordPress, incorporating custom CSS and HTML to create a responsive and visually appealing design. The website features detailed product information, project showcases, and a contact form to facilitate customer inquiries.

**Features**

*   **Product Information:** Detailed descriptions and specifications of PAVE-EL® Pedestal Systems.

*   **Project Showcases:** Gallery of completed projects demonstrating the application of PAVE-EL® systems.

*   **Contact Form:** Inquirie forms to get estimations for clients

*   **Responsive Design:** Ensures optimal viewing across various devices and screen sizes.

**Technical Implementation**

The website was developed using WordPress for its user-friendly content management capabilities. Custom CSS and HTML were utilized to achieve a unique and professional design that aligns with Envirospec Inc.'s brand identity.

**Additional Services**

In addition to website development, I managed Google Ads campaigns to enhance online visibility and drive targeted traffic to the site. I also handled email server management to ensure company communication channels were reliable and secure the website with additional SSL certification

For more information or to experience the platform, visit [Envirospec Inc.](https://envirospecinc.com/).





Envirospec – Corporate Website

It’s hard to imagine that I’ve that I wrote all this code by myself, probably because I worked with an entire team :) but they definitely followed my lead most of the time.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante lorem, tincidunt ac leo efficitur, feugiat tempor odio. Curabitur at auctor sapien. Etiam at cursus enim. Suspendisse sed augue tortor. Nunc eu magna vitae lorem pellentesque fermentum. Sed in facilisis dui. Nulla molestie risus in mi dapibus, eget porta lorem semper. Donec sed facilisis nibh. Curabitur eget dui in libero euismod commodo nec sit amet est. Etiam id ipsum aliquam, vehicula erat sit amet, consequat tortor.

Etiam facilisis lacus nec pretium lobortis. Praesent dapibus justo non efficitur efficitur. Nullam viverra justo arcu, eget egestas tortor pretium id. Sed imperdiet mattis eleifend. Vivamus suscipit et neque imperdiet venenatis. In malesuada sed urna eget vehicula. Donec fermentum tortor sit amet nisl elementum fringilla. Pellentesque dapibus suscipit faucibus. Nullam malesuada sed urna quis rutrum. Donec facilisis lorem id maximus mattis. Vestibulum quis elit magna. Vestibulum accumsan blandit consequat. Phasellus quis posuere quam.

> “Everybody should learn to program a computer, because it teaches you how to think.”

Vestibulum ullamcorper risus auctor eleifend consequat. Vivamus mollis in tellus ac ullamcorper. Vestibulum sit amet bibendum ipsum, vitae rutrum ex. Nullam cursus, urna et dapibus aliquam, urna leo euismod metus, eu luctus justo mi eget mauris. Proin felis leo, volutpat et purus in, lacinia luctus eros. Pellentesque lobortis massa scelerisque lorem ullamcorper, sit amet elementum nulla scelerisque. In volutpat efficitur nulla, aliquam ornare lectus ultricies ac. Mauris sagittis ornare dictum. Nulla vel felis ut purus fermentum pretium. Sed id lectus ac diam aliquet venenatis. Etiam ac auctor enim. Nunc velit mauris, viverra vel orci ut, egestas rhoncus diam. Morbi scelerisque nibh tellus, vel varius urna malesuada sed. Etiam ultricies sem consequat, posuere urna non, maximus ex. Mauris gravida diam sed augue condimentum pulvinar vel ac dui. Integer vel convallis justo.

Nam rutrum magna sed pellentesque lobortis. Etiam quam mauris, iaculis eget ex ac, rutrum scelerisque nisl. Cras finibus dictum ex sed tincidunt. Morbi facilisis neque porta, blandit mauris quis, pharetra odio. Aliquam dictum quam quis elit auctor, at vestibulum ex pulvinar. Quisque lobortis a lectus quis faucibus. Nulla vitae pellentesque nibh, et fringilla erat. Praesent placerat ac est at tincidunt. Praesent ultricies a ex at ultrices. Etiam sed tincidunt elit. Nulla sagittis neque neque, ultrices dignissim sapien pellentesque faucibus. Donec tempor orci sed consectetur dictum. Ut viverra ut enim ac semper. Integer lacinia sem in arcu tempor faucibus eget non urna. Praesent vel nunc eu libero aliquet interdum non vitae elit. Maecenas pharetra ipsum dolor, et iaculis elit ornare ac.

Aenean scelerisque ullamcorper est aliquet blandit. Donec ac tellus enim. Vivamus quis leo mattis, varius arcu at, convallis diam. Donec ac leo at nunc viverra molestie ac viverra nisi. Proin interdum at turpis at varius. Nunc sit amet ex suscipit, convallis ligula eu, pretium turpis. Sed ultricies neque vel mi malesuada, et mollis risus lobortis. Sed condimentum venenatis mauris, id elementum dolor gravida ac. Sed sodales tempus neque, quis iaculis arcu tincidunt ut. Donec vitae faucibus dui. In hac habitasse platea dictumst. Donec erat ex, ullamcorper a massa a, porttitor porta ligula.


One more cool project

Projects

In this blog post, I will share some key best practices that ensure a website’s success.

### 1. **Responsive Design**

With mobile traffic surpassing desktop usage, a responsive website is no longer optional—it’s a necessity. Ensuring that your website adapts to different screen sizes enhances user experience and improves search engine rankings. Tools like CSS media queries and frameworks like Bootstrap make responsiveness easier to implement.

### 2. **Optimized Performance**

Page speed is a crucial factor in user retention. Studies show that users abandon websites that take more than three seconds to load. To optimize performance:

*   Compress images using tools like TinyPNG

*   Minimize HTTP requests

*   Implement lazy loading for media content

*   Use content delivery networks (CDNs) for faster global access

### 3. **User-Friendly Navigation**

An intuitive navigation structure enhances usability and keeps visitors engaged. The key to a great user experience is:

*   A simple and logical menu structure

*   Breadcrumb navigation for easy backtracking

*   A clear call to action (CTA) guiding users toward their next step

### 4. **SEO Best Practices**

A website without proper search engine optimization (SEO) may struggle to attract organic traffic. Some essential SEO techniques include:

*   Writing keyword-optimized content

*   Using meta tags and alt descriptions

*   Implementing structured data for better indexing

*   Securing your website with HTTPS

### 5. **Secure and Reliable Hosting**

Website security is critical to protect sensitive user data. Implementing SSL certificates, regularly updating plugins, and using secure hosting services prevent security vulnerabilities. Additionally, reliable hosting ensures minimal downtime and fast loading speeds.

### 6. **Engaging and Valuable Content**

Content is king. Providing relevant and valuable content keeps users engaged and encourages them to return. Whether it’s a blog, case studies, or service descriptions, make sure your content is clear, informative, and aligned with your audience’s needs.

### 7. **Integration of Analytics and Tracking Tools**

Tracking user behavior helps improve website performance. Google Analytics and Search Console provide insights into traffic sources, user engagement, and potential issues that need fixing. Analyzing this data allows you to optimize your website continuously.





I’m Rayel, a Computer Science student at Concordia.

Education

Experience

Freelance Web Developer (2019 – Present)

Technical Skills

KeyUnit: License Management Software

Vita Bella Montreal - Ecommerce

Envirospec – Corporate Website

Keys to Successful Website

Got an interesting project or opportunity? Tell me more...💬