#Being a Developer, More Than a Job, It's a Lifestyle.

🛍️👨🏽‍💻🚀🌐

Vision💙

_DevStyle aims to build a supportive, dynamic and fun Techx (fans of technology) community sharing the same passion for technology as you, and above all, we aim to establish a vibrant ecosystem for Techx in Cameroon 🇨🇲, by implementing the following objectives : Frequent Meets & Talks Events, Hackathons & Competitions and much more to come...⌛

TL;DR

# Bring Together - Educate - Dynamise

E-commerce website

This e-commerce website leverages original, creative, fun designs, graphics and slogans, meticulously crafted on Clothings & Accessories to set techx apart and connect techx to their passion for Technology. Techx can order clothings like Shirts, Hoodies, Sweat-shirts to more unique items like Phone cases, Hats, Mugs, Posters & Stickers and much more, that will best reflect and express the passion they have for Technology.

Features

• View a collection and its corresponding goodies.
• View a goodie, like a goodie, simple available button to copy goodie link to easily share with friends.
• Add goodie to cart.
• Immediate ordering of a goodie through the order now button which redirects to Devstyle's whatsapp account.
• Side opening cart and cart page.
• Delete and edit number goodies in cart page.
• Submit customise goodie idea or contact for partnership via whatsapp link in Custom section
• List Devstyle Ambassadors
• About page

Backend project repo

⚙️Devstyle backend here

Tech

Front End

• React - UI Library
• Material ui - React UI toolkit
• React router dom - Routing
• React redux - State manaagement
• React toastify - Notifications
• Axios - HTTP client

Back End

• Express - Web Framework for Node.js
• MongoDB - Non-Relational Database
• NodeJS - Runtime Environment

Quick Start

Requirements

• npm
• create-react-app

Clone the repository

git clone https://github.com/artemesian/devstyle.git

cd devstyle

How to install

You just have to run :

# Using npm
npm install

Set connection mode

if in production mode, uncomment prodURL and comment devURL else vice-versa

import axios from "axios";

const devURL = "http://localhost:5000";
// const prodURL = "https://devstyle.herokuapp.com/";

// Set config defaults when creating the instance
const myAxios = axios.create({
  baseURL: devURL,
  // baseURL: prodURL,
});

export default myAxios;

Start react server

npm start

Application will be running on

http://localhost:3000

Some Screenshots

How to contribute

Just follow these steps :

• Create an issue with your fix/feature/improvement (Optionnal but recommended).
• Fork the project.
• Create a branch for your feature/update/fix(Make sure to have the latest master-branch updates).
• Create a Pull Request to develop branch.
• After a check, it will be merged to the project.

Author

Artemesian

Join the Community💙