Skip to content

This is my personal portfolio that aims to highlight my work, projects, skills, certificates and more.

Notifications You must be signed in to change notification settings

ariel-behar/arielbehar-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ariel Behar - Web Developer Portfolio

Design & Development Done Differently


Ariel Behar - Web Developer


Link

Project URL

Github

Github Repository

Branch

www.arielbehar.com https://github.com/ariel-behar/arielbehar-portfolio

v.3.0.0


Project Description

This is my personal portfolio that aims to highlight my work, projects, skills, certificates and more. It offers a comprehensive view of my professional capabilities and achievements. The portfolio serves as both a showcase of my expertise and a demonstration of my technical proficiency in creating responsive, interactive web applications.

Release Date

Legacy Version 1.0 - Dec 2017
Legacy Version 2.0 - June 2020
Latest Version 3.0 - April 2024 (current)

Quick Start

Development mode

  1. In the terminal, navigate to the project's client folder

  2. Execute the following command:

npm run dev
  1. The client side of the application will run the development server on http://localhost:3000/

  2. Open a second session in the terminal

  3. Navigate to the project's server folder

  4. Execute the following command:

npm run dev
  1. The server side of the application will run the development server on http://localhost:3030/

Production mode

  1. In the terminal, navigate to the project's client folder

  2. Execute the following command:

npm run build
  1. Copy the whole content of the generated client/build folder

  2. Delete the files in folder server/src/public and paste the copied content from client/build into it

  3. In the terminal, navigate to the project's server folder

  4. Execute the following command:

npm run build
  1. Once done, execute the following command:
npm start
  1. If the port 3030 is available, the production build will be served on http://localhost:3030

Technological Overview

Although my original site was created in 2017, this version has undergone a thorough make-over with React and Material UI. I've also made use of Typescript, which has contributed to the creation of an easily manageable, type-safe codebase. All related assets have also been optimized, which has resulted in a more pleasant UX and boosted overall performance. Node.js powers the backend, managing server-side operations and data handling.

Tech Stack

Javascript Framework

React

Javascript Superscript

Typescript

WebGL implementation

Three JS
React Three Fiber
React Three Drei

CSS Frameworks/Libraries

Material UI
Emotion

Runtime (Server-Side)

Node

Application Framework (Server-Side)

Express

External Integrations

AWS S3

Deployment

Vercel

About

This is my personal portfolio that aims to highlight my work, projects, skills, certificates and more.

Resources

Stars

Watchers

Forks