CodeOner - Professional CV Generator & Authentication Platform 🚀

Description

CodeOner is a complete web platform that combines a powerful professional CV generator with an advanced authentication system. Users can create professional resumes using templates such as Harvard and Modern Chronological, manage their profiles, and access the platform through social authentication providers.

Main Features

Advanced CV Generator

• Multiple Templates: Harvard Professional, Modern Chronological (Platinum Standard), and customizable templates
• Real-Time JSON Editor: Instant editing with live preview
• PDF Export: Generate professional PDFs (desktop only)
• Responsive Design: Optimized for all devices
• Auto Save: Automatically saves every 2 seconds

Authentication System

• Social Authentication: Google, GitHub, Facebook
• Traditional Login/Register: Username and password authentication
• Session Management: Secure session handling
• OAuth 2.0: Full OAuth implementation

Profile Management

• Customizable Profiles: Avatar, personal information, biography
• Public CVs: Public shareable CV links
• Visibility Control: Public/private CV management
• Data Management: Full CRUD for personal information

Modern Interface

• SPA (Single Page Application): Smooth navigation without page reloads
• Dark Theme: Modern dark interface
• Animations: Smooth transitions and micro-interactions
• Mobile-First: Fully responsive design

---

Live Demo

CV Generator

Example Generated CV

---

Technologies

Backend

Frontend

APIs & Services

---

Installation

Prerequisites

• PHP 8.2+
• MySQL 8.0+
• Composer
• Web Server (Apache/Nginx)

Installation Steps

1. Clone the repository

git clone https://github.com/CristianOlivera1/Login-Register-with-Autentication.git
cd Login-Register-with-Autentication

2. Install dependencies

composer install
npm install

3. Configure environment variables

cp .env.example .env

4. Edit the .env file

# Database Configuration
DB_HOST=localhost
DB_USERNAME=root
DB_PASSWORD=your_password
DB_NAME=codeoner

# OAuth Configuration
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret
GITHUB_CLIENT_ID=your-github-client-id
GITHUB_CLIENT_SECRET=your-github-client-secret
FACEBOOK_CLIENT_ID=your-facebook-client-id
FACEBOOK_CLIENT_SECRET=your-facebook-client-secret

# Application Configuration
APP_URL=http://localhost:3000
REDIRECT_URL_BASE=http://localhost:3000

5. Set up the database

CREATE DATABASE codeoner;
-- Import schema from database/schema.sql

6. Run the project

# Start the development server on port 3000
php -S localhost:3000 -t public public/router.php

# Compile and watch CSS changes to generate the final 'style.css' file
npx tailwindcss -i ./public/assets/css/input.css -o ./public/assets/css/style.css --watch

---

OAuth Configuration

Google OAuth

1. Go to Google Cloud Console
2. Create a new project
3. Enable the Google+ API
4. Create OAuth 2.0 credentials
5. Redirect URI:

http://localhost:3000/auth/callback/google

GitHub OAuth

1. Go to GitHub Developer Settings
2. Create a new OAuth App
3. Homepage URL:

http://localhost:3000

4. Authorization callback URL:

http://localhost:3000/auth/callback/github

Facebook OAuth

1. Go to Facebook for Developers
2. Create a new app
3. Add Facebook Login
4. Valid OAuth Redirect URI:

http://localhost:3000/auth/callback/facebook

---

🚀 Highlights

• Professional CV generation with real-time editing
• Public CV sharing system
• Modern responsive UI
• Full authentication ecosystem
• OAuth integrations
• Fast SPA experience
• Auto-save functionality
• Production-ready architecture